@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    margin: 0;
    padding: 0;
}

.passenger_select {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    width: 200px;
    height: 30px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: 400;
}

ol, ul, li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    text-decoration: none;
    color: #3b99fc;
}

a:active, a:focus, a:hover {
    outline-width: 0;
    text-decoration: none;
    outline: none;
}

a.txt-primary:hover {
    text-decoration: underline;
}

label {
    font-weight: 400;
}

fieldset, img {
    border: 0;
}

html {
    color: #333;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

body, button, input, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

::-ms-clear, ::-ms-reveal {
    display: none;
}

button, input, select, textarea {
    font-size: 100%;
}

button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

del {
    text-decoration: line-through;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

audio, video {
    display: inline-block;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
}

td {
    word-break: break-all;
    word-wrap: break-word;
}

textarea {
    resize: none;
}

iframe {
    display: block;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clear {
    clear: both;
}

.icon {
    vertical-align: -1px;
}

body {
    min-width: 1200px;
}

*, *:before, *:after {
    -wekbit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-selection {
    color: #fff;
    background: #3b99fc;
}

::-moz-selection {
    color: #fff;
    background: #3b99fc;
}

::selection {
    color: #fff;
    background: #3b99fc;
}

::-webkit-input-placeholder {
    color: #999;
}

:-moz-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}

.mt0 {
    margin-top: 0px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml-lger {
    margin-left: 234px;
}

.pt0 {
    padding-top: 0px;
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pd0 {
    padding: 0px !important;
}

.pd5 {
    padding: 5px;
}

.pd10 {
    padding: 10px;
}

.pd15 {
    padding: 15px;
}

.pd20 {
    padding: 20px;
}

.w10 {
    width: 10px;
}

.w20 {
    width: 20px;
}

.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px !important;
}

.w110 {
    width: 110px !important;
}

.w120 {
    width: 120px !important;
}

.w130 {
    width: 130px !important;
}

.w140 {
    width: 140px !important;
}

.w150 {
    width: 150px !important;
}

.w160 {
    width: 160px !important;
}

.w170 {
    width: 170px !important;
}

.w180 {
    width: 180px !important;
}

.w190 {
    width: 190px !important;
}

.w200 {
    width: 200px !important;
}

.w210 {
    width: 210px;
}

.w220 {
    width: 220px;
}

.w230 {
    width: 230px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w260 {
    width: 260px;
}

.w270 {
    width: 270px;
}

.w280 {
    width: 280px;
}

.w290 {
    width: 290px;
}

.w300 {
    width: 300px !important;
}

.w400 {
    width: 400px !important;
}

.w500 {
    width: 500px !important;
}

.w600 {
    width: 600px !important;
}

.btn {
    display: inline-block;
    font-size: 14px;
    color: #333;
    min-width: 80px;
    height: 30px;
    line-height: 20px;
    padding: 4px 10px;
    border: 1px solid #dedede;
    border-radius: 6px;
    background-color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    position: relative;
    -webkit-transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, color ease-in-out 0.15s, background ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.btn:hover {
    color: #ff8000;
    border-color: #ff8000;
}

.btn.btn-default {
    background: #e6e6e6;
    border-color: #e6e6e6;
}

.btn.btn-default:hover {
    background: #c7c7c7;
    border-color: #c7c7c7;
    color: #333;
}

.btn.btn-primary, .pagination .page-skip .btn {
    background: #ff8000;
    color: #fff;
    border-color: #ff8000;
}

.btn.btn-primary:hover, .pagination .page-skip .btn:hover {
    background: #ff6602;
    border-color: #ff6602;
}

.btn.btn-secondary {
    background: #3b99fc;
    color: #fff;
    border-color: #3b99fc;
}

.btn.btn-secondary:hover {
    background: #2477e3;
    border-color: #2477e3;
}

.btn.btn-hollow {
    color: #3b99fc;
    border: 1px solid #3b99fc;
}

.btn.btn-disabled {
    background: rgba(234, 237, 237, 0.1);
    color: #999;
    border-color: #eaeded;
    cursor: not-allowed;
}

.btn.btn-disabled:hover {
    background: rgba(234, 237, 237, 0.1);
    border-color: #eaeded;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.btn-success {
    background: #4ea373;
    color: #fff;
    border-color: #4ea373;
}

.btn.btn-success:hover {
    background: rgba(78, 163, 115, 0.8);
    border-color: rgba(78, 163, 115, 0.8);
}

.btn.btn-warning {
    background: #f6ba29;
    color: #fff;
    border-color: #f6ba29;
}

.btn.btn-warning:hover {
    background: rgba(246, 186, 41, 0.8);
    border-color: rgba(246, 186, 41, 0.8);
}

.btn.btn-danger {
    background: #ff4646;
    color: #fff;
    border-color: #ff4646;
}

.btn.btn-danger:hover {
    background: rgba(255, 70, 70, 0.8);
    border-color: rgba(255, 70, 70, 0.8);
}

.btn.btn-sm {
    min-width: 70px;
    height: 24px;
    padding: 1px 10px;
    border-radius: 3px;
}

.btn.btn-sm.btn-radius {
    border-radius: 12px;
}

.btn.btn-lg {
    height: 36px;
    padding: 7px 10px;
}

.btn.btn-lg.btn-radius {
    border-radius: 18px;
}

.btn.form-block {
    display: block;
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
}

.btn.btn-radius {
    border-radius: 15px;
}

.btn-left {
    text-align: left;
    font-size: 0;
}

.btn-left a {
    margin-right: 10px;
}

.btn-right {
    text-align: right;
    font-size: 0;
}

.btn-right > a {
    margin-left: 10px;
}

.btn-right > div {
    margin-left: 10px;
}

.btn-center {
    text-align: center;
    font-size: 0;
}

.btn-center > a {
    margin: 0 5px;
}

.btn-center > div {
    margin: 0 5px;
}

.btn-drop {
    display: inline-block;
    position: relative;
}

.btn-drop:hover .drop-bd {
    display: block;
}

.btn-drop .drop-bd {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 2000;
    font-size: 14px;
    display: none;
    padding-top: 8px;
}

.btn-drop .drop-bd ul {
    position: relative;
    padding: 12px;
    background: #fff;
    border: 1px solid #dedede;
    width: 90px;
}

.btn-drop .drop-bd ul:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 30px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #dedede transparent;
    border-top: none;
}

.btn-drop .drop-bd ul:after {
    content: "";
    position: absolute;
    top: -4px;
    left: 30px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
}

.btn-drop .drop-bd li {
    line-height: 20px;
    padding: 5px 0px;
    overflow: hidden;
    text-align: left;
}

.btn-drop .drop-bd .list-name {
    line-height: 20px;
    -webkit-transition: 0.3s color;
    transition: 0.3s color;
    display: block;
    margin-left: 0;
}

.btn-drop .drop-bd .list-name:hover {
    color: #ff8000;
}

.btn-drop .drop-bd .list-down {
    float: right;
}

.select {
    min-width: 80px;
    height: 30px;
    line-height: 20px;
    border: 1px solid #dedede;
    padding: 4px 10px;
    color: #333;
    text-indent: 0;
    text-align: left;
    outline: none;
    border-radius: 4px;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background-image: url(../images/select.png);
    background-image: -webkit-image-set(url(../images/select.png) 1x, url(../images/select@2x.png) 2x);
    background-image: image-set(url(../images/select.png) 1x, url(../images/select@2x.png) 2x);
    background-position: right center;
    background-repeat: no-repeat;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.select:focus, .select.focus {
    border-color: #3b99fc;
    -webkit-box-shadow: 0 0 4px rgba(59, 153, 252, 0.4);
    box-shadow: 0 0 4px rgba(59, 153, 252, 0.4);
}

.select.disabled, .select:disabled {
    border-color: #f1f1f1;
    color: #eaeded;
    background-color: #f9f9f9;
    cursor: not-allowed;
}

select::-ms-expand {
    display: none;
}

.input-box {
    display: inline-block;
    position: relative;
}

.input-box .input, .input-box .textarea {
    width: 100%;
    vertical-align: top;
}

.input-box .select {
    width: 100%;
    vertical-align: top;
}

.input-box .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #dcdcdc;
    cursor: pointer;
    font-size: 18px;
}

.input-box .icon:hover {
    color: #3b99fc;
}

.input-box .input-scale {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -40px;
    background: #fff;
    width: 240px;
    height: 40px;
    line-height: 38px;
    border: 1px solid #3b99fc;
    padding: 0 10px;
    font-size: 16px;
    color: #3b99fc;
    -webkit-box-shadow: 0 0 3px rgba(59, 153, 252, 0.3);
    box-shadow: 0 0 3px rgba(59, 153, 252, 0.3);
    z-index: 10;
    display: none;
}

.input-city .input, .input-city .textarea, .input-date .input, .input-date .textarea {
    padding-right: 30px;
}

.input, .textarea {
    height: 30px;
    line-height: 20px;
    border: 1px solid #dedede;
    padding: 4px 10px;
    color: #333;
    background-color: #fff;
    color: #333;
    outline: none;
    font-size: 14px;
    border-radius: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.input:focus, .textarea:focus, .input.focus, .focus.textarea {
    border-color: #3b99fc;
    -webkit-box-shadow: 0 0 4px rgba(59, 153, 252, 0.4);
    box-shadow: 0 0 4px rgba(59, 153, 252, 0.4);
}

.input.input-sm, .input-sm.textarea {
    height: 24px;
    padding: 1px 10px;
}

.input.input-lg, .input-lg.textarea {
    height: 36px;
    padding: 7px 10px;
}

.input.input-error, .input-error.textarea {
    border-color: #e12525;
    color: #e12525;
}

.input.disabled, .disabled.textarea, .input:disabled, .textarea:disabled {
    border-color: #f1f1f1;
    color: #eaeded;
    background: #f9f9f9;
    cursor: not-allowed;
}

.input.input-disabled:disabled, .input-disabled.textarea:disabled {
    border-color: #f1f1f1;
    color: #333;
    cursor: not-allowed;
    background-color: #fff;
}

.textarea {
    height: 70px;
    overflow-y: auto;
    overflow-x: hidden;
}

.textarea.disabled, .textarea:disabled {
    border-color: #f1f1f1;
    color: #eaeded;
    background: #f9f9f9;
    cursor: not-allowed;
}

.form-block {
    display: block;
    width: 100% !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.icheckbox, .iradio {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    border: none;
    cursor: pointer;
    background-image: url(../images/check.png);
    background-image: -webkit-image-set(url(../images/check.png) 1x, url(../images/check@2x.png) 2x);
    background-image: image-set(url(../images/check.png) 1x, url(../images/check@2x.png) 2x);
}

.icheckbox.checked {
    background-position: -32px 0;
    -webkit-animation: scale-spring 0.2s;
    animation: scale-spring 0.2s;
}

.icheckbox.disabled {
    background-position: -16px 0;
    cursor: default;
}

.icheckbox.checked.disabled {
    background-position: -48px 0;
    cursor: default;
}

.iradio {
    background-position: -64px 0;
}

.iradio.checked {
    background-position: -96px 0;
    -webkit-animation: scale-spring 0.2s;
    animation: scale-spring 0.2s;
}

.iradio.disabled {
    background-position: -80px 0;
    cursor: default;
}

.iradio.checked.disabled {
    background-position: -112px 0;
    cursor: default;
}

.check-inline {
    position: relative;
    display: inline-block;
    line-height: 30px;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.check-inline .iradio, .check-inline .icheckbox {
    float: left;
    margin-left: -20px;
    margin-top: 7px;
}

.check-inline + .check-inline {
    margin-left: 10px;
}

input[type="file"] {
    display: block;
}

.file {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.file input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    cursor: pointer;
    font-size: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.check-list {
    *zoom: 1;
}

.check-list:before, .check-list:after {
    content: "";
    display: table;
}

.check-list:after {
    clear: both;
    overflow: hidden;
}

.check-list li {
    float: left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.check-list li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 7px;
    margin-right: 10px;
    background-image: url(../images/check.png);
    background-image: -webkit-image-set(url(../images/check.png) 1x, url(../images/check@2x.png) 2x);
    background-image: image-set(url(../images/check.png) 1x, url(../images/check@2x.png) 2x);
}

.check-list .active i {
    background-position: -32px 0;
    -webkit-animation: 0.3s scale-spring;
    animation: 0.3s scale-spring;
}

.check-list .disabled i {
    background-position: -16px 0;
}

.check-list .active.disabled i {
    background-position: -48px 0;
}

.check-list-right li i {
    margin-right: 0;
    margin-left: 10px;
}

.radio-list {
    *zoom: 1;
}

.radio-list:before, .radio-list:after {
    content: "";
    display: table;
}

.radio-list:after {
    clear: both;
    overflow: hidden;
}

.radio-list li {
    float: left;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.radio-list li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 7px;
    margin-right: 10px;
    background-image: url(../images/check.png);
    background-image: -webkit-image-set(url(../images/check.png) 1x, url(../images/check@2x.png) 2x);
    background-image: image-set(url(../images/check.png) 1x, url(../images/check@2x.png) 2x);
    background-position: -32px 0;
}

.radio-list .active i {
    background-position: -48px 0;
    -webkit-animation: 0.3s scale-spring;
    animation: 0.3s scale-spring;
}

.is-caring .btn {
    font-size: 18px;
}

.is-caring .input, .is-caring .textarea, .is-caring .textarea {
    font-size: 18px;
}

.ml {
    margin-left: 10px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml-sm {
    margin-left: 5px !important;
}

.ml-lg {
    margin-left: 20px !important;
}

.mr {
    margin-right: 10px !important;
}

.mr0 {
    margin-right: 0 !important;
}

.mr-sm {
    margin-right: 5px !important;
}

.mr-lg {
    margin-right: 20px !important;
}

.mt {
    margin-top: 10px !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt-sm {
    margin-top: 5px !important;
}

.mt-lg {
    margin-top: 20px !important;
}

.mt-mlg {
    margin-top: 40px !important;
}

.mb {
    margin-bottom: 10px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb-sm {
    margin-bottom: 5px !important;
}

.mb-lg {
    margin-bottom: 20px !important;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.txt-default {
    color: #333 !important;
}

.txt-primary {
    color: #3b99fc !important;
}

.txt-num {
    color: #ff8000 !important;
}

.txt-light, .txt-tips {
    color: #666 !important;
}

.txt-lighter {
    color: #999 !important;
}

.txt-lightest {
    color: #fff !important;
}

.txt-success {
    color: #4ea373 !important;
}

.txt-error {
    color: #e12525 !important;
}

.txt-warning {
    color: #f6ba29 !important;
}

.txt-danger {
    color: #ff4646 !important;
}

.txt-disabled {
    color: #eaeded !important;
}

.txt-price {
    color: #ff8000 !important;
}

.txt-second {
    color: #ff8000 !important;
}

.txt-lg {
    font-size: 16px !important;
}

.txt-mlg {
    font-size: 18px !important;
}

.txt-blg {
    font-size: 20px !important;
}

.txt-sm {
    font-size: 12px !important;
}

.txt-md {
    font-size: 14px !important;
}

.txt-bold, .txt-700 {
    font-weight: 700;
}

.txt-400 {
    font-weight: 400;
}

.underline {
    text-decoration: underline;
}

.underline:hover {
    text-decoration: underline;
}

.txt-decoration {
    text-decoration: line-through;
}

.txt-decoration:hover {
    text-decoration: line-through;
}

.text-indent {
    text-indent: 2em;
}

.required {
    color: #f00;
    font-weight: 400;
}

.lineheight-lg {
    line-height: 30px;
}

.wrapper {
    width: 1200px;
    padding: 0 5px;
    margin-left: auto;
    margin-right: auto;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #dedede transparent transparent transparent;
    border-bottom: none;
}

.img-scale {
    overflow: hidden;
}

.img-scale img {
    -webkit-transition: 0.3s linear transform;
    transition: 0.3s linear transform;
}

.img-scale img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.section {
    padding-top: 30px;
}

.section .section-hd {
    height: 40px;
    border-bottom: 2px solid #dedede;
}

.section .section-hd .more {
    float: right;
    line-height: 38px;
    color: #999;
}

.section .section-hd .more:hover {
    color: #3b99fc;
}

.section .section-tit {
    float: left;
    position: relative;
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    color: #3b99fc;
    padding: 0 4px;
}

.section .section-tit:after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #3b99fc;
}

.txt-price {
    color: #ff8000;
}

.txt-price .rmb {
    font-style: normal;
    margin-right: 2px;
}

.gototop {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 1s linear opacity;
    transition: 1s linear opacity;
}

.gototop a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #efefef;
}

.gototop .icon {
    font-size: 20px;
    color: #666;
}

.gototop.active {
    opacity: 1;
    visibility: visible;
}

.mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 5000;
}

.modal {
    position: absolute;
    z-index: 6000;
    display: none;
    width: 440px;
    background: #fff;
    border-radius: 6px;
}

.modal .modal-close {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    top: 0;
    right: 0;
}

.modal .modal-hd {
    height: 40px;
    background: #3b99fc;
}

.modal .modal-tit {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
}

.modal .modal-bd {
    padding: 20px;
}

.modal .modal-ft {
    padding: 0 20px 20px 20px;
    font-size: 0;
    text-align: center;
}

.modal .modal-ft .btn {
    margin: 0 5px;
}

.modal .modal-ft-tips {
    background: #f8f8f8;
    padding: 15px 20px;
    color: #666;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.message {
    padding: 0 20px 0 60px;
    position: relative;
}

.message .msg-ico {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    margin-left: -45px;
}

.message .msg-ico i {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.message .msg-ico .icon {
    font-size: 30px;
}

.message .msg-ico .ico-wait {
    background-image: url(../images/center/ico-invoice.png);
    background-image: -webkit-image-set(url(../images/center/ico-invoice.png) 1x, url(../images/center/ico-invoice@2x.png) 2x);
    background-image: image-set(url(../images/center/ico-invoice.png) 1x, url(../images/center/ico-invoice@2x.png) 2x);
    border: 3px solid #efeff4;
    border-radius: 50%;
    background-position: center center;
    background-size: 24px 24px;
    line-height: 24px;
    position: relative;
}

.message .msg-ico .ico-wait::after {
    position: absolute;
    right: -3px;
    top: -3px;
    background-image: url(../images/center/ico-wait-bg.png);
    background-image: -webkit-image-set(url(../images/center/ico-wait-bg.png) 1x, url(../images/center/ico-wait-bg@2x.png) 2x);
    background-image: image-set(url(../images/center/ico-wait-bg.png) 1x, url(../images/center/ico-wait-bg@2x.png) 2x);
    width: 30px;
    height: 30px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: right top;
    content: "";
    -webkit-transform: rotate(0);
    transform: rotate(0);
    border-radius: 50%;
    -webkit-animation: 0.7s rotate linear infinite;
    animation: 0.7s rotate linear infinite;
}

.message .msg-ico .ico-circle {
    border-radius: 50%;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    background-color: #3b99fc;
    position: relative;
    font-size: 14px;
}

.message .msg-ico .ico-circle::before {
    color: #fff;
}

.message .msg-ico img {
    display: block;
    width: 30px;
    height: 30px;
}

.message .msg-ico .icon-doubt {
    color: #f6ba29;
}

.message .msg-ico .icon-success {
    color: #4ea373;
}

.message .msg-ico .icon-error {
    color: #e12525;
}

.message .msg-ico .icon-plaint-fill {
    color: #3b99fc;
}

.message .msg-tit {
    line-height: 30px;
    font-size: 16px;
}

.message .msg-tit .small {
    font-size: 14px;
}

.message .msg-info {
    line-height: 20px;
    color: #666;
}

.message-code {
    padding-left: 140px;
}

.message-code .msg-ico {
    width: 120px;
    height: 120px;
    margin-left: -140px;
}

.message-code .msg-ico img {
    width: 120px;
    height: 120px;
}

.message-code .code-box-show-sm {
    width: 120px;
    height: 120px;
    border: none;
}

.box-result {
    border: 1px solid #3b99fc;
    padding: 20px;
}

.box-result .result-bd {
    margin: 0 200px;
}

.box-result .btn-group-center {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #dedede;
}

.result-bd {
    padding-left: 90px;
    position: relative;
    _height: 45px;
    min-height: 45px;
    line-height: 20px;
    padding-top: 5px;
}

.result-bd .result-img {
    position: absolute;
    top: 0;
    left: 0;
}

.result-bd .result-tit {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    margin-bottom: 5px;
}

.result-bd-mini {
    min-height: 40px;
    line-height: 40px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.result-bd-mini .result-tit {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0;
}

.breadcrumb {
    height: 50px;
    line-height: 50px;
    color: #666;
    font-size: 12px;
}

.breadcrumb a {
    color: #666;
}

.breadcrumb a:hover {
    color: #666;
}

.breadcrumb .active {
    color: #3b99fc;
}

.breadcrumb .sep {
    font-family: "5B8B\4F53";
    margin: 0 3px;
}

.main-panel {
    border-top: 0;
    position: relative;
}

.main-panel .panel-hd {
    height: 40px;
    line-height: 40px;
    background: #3b99fc;
    padding: 0 20px;
    color: #fff;
}

.main-panel .panel-bd {
    border: 1px solid #dedede;
    padding: 20px 19px;
}

.main-panel .panel-sub-title {
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
}

.main-panel .panel-bd-bg {
    background: #fcfcfc;
    border: none;
}

.panel-border {
    border: 1px solid #dedede;
    padding: 20px;
}

.panel-border.border-transparent {
    border-color: transparent;
}

.search-box {
    background: #f8f8f8;
    border-radius: 1px;
    padding: 0px 20px 20px;
    border: 1px solid #dedede;
}

.search-box .form-label {
    float: left;
    width: 75px;
    padding-right: 10px;
    text-align: right;
}

.search-box .form-label .required {
    margin-right: 3px;
}

.search-box-list {
    *zoom: 1;
}

.search-box-list:before, .search-box-list:after {
    content: "";
    display: table;
}

.search-box-list:after {
    clear: both;
    overflow: hidden;
}

.search-box-list li {
    float: left;
    margin: 20px 10px 0 0;
}

.search-box-list .form-label {
    line-height: 30px;
}

.search-box-list .btn {
    min-width: 100px;
    vertical-align: top;
}

.result-none {
    text-align: center;
    width: 100%;
    padding: 30px 0;
}

.result-none .result-pic {
    width: 240px;
    height: 144px;
    vertical-align: top;
}

.result-none .result-txt {
    font-size: 18px;
    color: #999;
    margin-top: 30px;
    line-height: 24px;
}

.article-box {
    padding: 0 40px;
}

.article-box .title {
    line-height: 34px;
    margin: 0px 0 20px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.article-box .para-sub-title {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}

.article-box .para-sub-title:before {
    content: "";
    float: left;
    width: 3px;
    height: 16px;
    background: #3b99fc;
    margin: 9px 10px 0 0;
}

.article-box .para-box {
    margin-top: 20px;
    line-height: 22px;
}

.article-box .img-box {
    text-align: center;
    margin-top: 30px;
}

.article-box .img-box img {
    max-width: 100%;
}

.fixed-right {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -170px;
    z-index: 1100;
}

.fixed-right-menu {
    width: 50px;
}

.fixed-right-menu .menu-item {
    margin-bottom: 5px;
    background: #efefef;
    text-align: center;
    width: 50px;
    position: relative;
}

.fixed-right-menu .menu-item:hover .menu-code {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
}

.fixed-right-menu .menu-item .menu-hd {
    text-align: center;
    display: block;
    padding: 10px;
    color: #666;
}

.fixed-right-menu .menu-item .menu-hd:hover {
    color: #3b99fc;
}

.fixed-right-menu .menu-item .menu-name {
    line-height: 18px;
}

.fixed-right-menu .menu-item .icon {
    display: block;
    font-size: 24px;
    height: 30px;
    line-height: 30px;
}

.fixed-right-menu .menu-code {
    width: 330px;
    height: 168px;
    background: #fff;
    -webkit-box-shadow: 0 0 8px #e3e3e3;
    box-shadow: 0 0 8px #e3e3e3;
    border: 1px solid #dedede;
    position: absolute;
    top: 50%;
    margin-top: -74px;
    right: 60px;
    z-index: 1100;
    padding: 0 20px 20px 20px;
    opacity: 0;
    visibility: hidden;
    text-align: left;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-transition: 0.3s ease opacity, 0.3s ease transform;
    transition: 0.3s ease opacity, 0.3s ease transform;
}

.fixed-right-menu .menu-code:before {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -10px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #dedede;
    border-right: none;
}

.fixed-right-menu .menu-code:after {
    content: "";
    position: absolute;
    right: -9px;
    top: 50%;
    margin-top: -10px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 10px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

.fixed-right-menu .menu-code-name {
    height: 46px;
    line-height: 46px;
}

.fixed-right-menu .menu-code-pic {
    display: block;
    width: 100px;
    height: 100px;
    position: relative;
}

.fixed-right-menu .menu-code-pic img {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid #dedede;
}

.fixed-right-menu .menu-code-pic .code-tips {
    position: absolute;
    top: 0px;
    left: 116px;
    width: 170px;
    height: 100px;
    border: 1px solid #dedede;
    background-color: #fff;
    background-image: url(../images/bg-train.png);
    background-image: -webkit-image-set(url(../images/bg-train.png) 1x, url(../images/bg-train@2x.png) 2x);
    background-image: image-set(url(../images/bg-train.png) 1x, url(../images/bg-train@2x.png) 2x);
    background-position: right bottom;
    background-repeat: no-repeat;
    line-height: 18px;
    padding: 12px 10px;
    font-size: 12px;
    text-align: left;
}

.fixed-right-menu .menu-code-pic .code-tips:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 34px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #dedede transparent transparent;
    border-left: none;
}

.fixed-right-menu .menu-code-pic .code-tips:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 34px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
    border-left: none;
}

.page-loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff url(../images/loading3.gif) center center no-repeat;
    z-index: 5000;
    background-size: 60px 120px;
}

.tooltip {
    position: absolute;
    z-index: 100;
    display: block;
    font-size: 14px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tooltip.in {
    opacity: 0.98;
    filter: alpha(opacity=98);
}

.tooltip.top {
    margin-top: -3px;
    padding: 4px 0;
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 4px;
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 4px 0;
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 4px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #3b99fc;
    border-radius: 2px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #3b99fc;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 4px;
    margin-bottom: -4px;
    border-width: 4px 4px 0;
    border-top-color: #3b99fc;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 4px;
    margin-bottom: -4px;
    border-width: 4px 4px 0;
    border-top-color: #3b99fc;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -4px;
    border-width: 4px 4px 4px 0;
    border-right-color: #3b99fc;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -4px;
    border-width: 4px 0 4px 4px;
    border-left-color: #3b99fc;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    border-width: 0 4px 4px;
    border-bottom-color: #3b99fc;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 4px;
    margin-top: -4px;
    border-width: 0 4px 4px;
    border-bottom-color: #3b99fc;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 4px;
    margin-top: -4px;
    border-width: 0 4px 4px;
    border-bottom-color: #3b99fc;
}

.tooltip-error {
    position: absolute;
    height: 30px;
    line-height: 28px;
    border: 1px solid #e12525;
    padding: 0 10px;
    border-radius: 4px;
    color: #e12525;
    background: #ffebeb;
    z-index: 3000;
    white-space: nowrap;
    display: none;
}

.tooltip-error:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: -4px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #e12525 transparent transparent;
    border-left: none;
}

.tooltip-error:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: -3px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #ffebeb transparent transparent;
    border-left: none;
}

.tooltip-error .icon {
    margin-right: 4px;
}

.down-box {
    position: absolute;
    top: 100%;
    margin-top: 1px;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dedede;
    z-index: 10;
    display: none;
    max-height: 280px;
    overflow: auto;
}

.down-box .down-list li {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
    white-space: nowrap;
}

.down-box .down-list li:hover {
    background: #e8f3ff;
    color: #3b99fc;
}

.down-box .down-list li.active {
    background: #61adfd;
    color: #fff;
}

.label-new {
    display: inline-block;
    border: 1px solid #ffb5b5;
    height: 18px;
    line-height: 16px;
    padding: 0 5px;
    background: #fff;
    color: #ff4646;
    font-size: 12px;
    font-style: normal;
    vertical-align: middle;
}

.label-give {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    text-align: center;
    font-style: normal;
    background: #ff8000;
    color: #fff;
}

.label-children {
    display: inline-block;
    border: 1px solid #acd1f9;
    height: 18px;
    line-height: 16px;
    padding: 0 5px;
    background: #fff;
    color: #3b99fc;
    font-size: 12px;
    font-style: normal;
    vertical-align: middle;
}

.label-txt {
    display: inline-block;
    min-width: 56px;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    border: 1px solid #b1d6fe;
    padding: 0 2px;
    color: #3b99fc;
    font-style: normal;
    white-space: nowrap;
    text-align: center;
}

.label-txt.odds-large {
    color: #ff4646;
    border-color: #ffbaba;
}

.label-txt.odds-small {
    color: #4ea373;
    border-color: #c6e8d5;
}

.label-txt.is-default {
    color: #666;
    border-color: #dedede;
}

.label-txt-sm {
    width: auto;
    min-width: 22px;
}

.label-discount {
    display: inline-block;
    border: 1px solid #ffb5b5;
    height: 18px;
    line-height: 16px;
    padding: 0 5px;
    background: #fff;
    color: #ff4646;
    font-size: 12px;
    font-style: normal;
    vertical-align: middle;
}

.label-primary {
    display: inline-block;
    border: 1px solid #ffb5b5;
    height: 18px;
    line-height: 16px;
    padding: 0 5px;
    background: #fff;
    color: #ff4646;
    font-size: 12px;
    font-style: normal;
    vertical-align: middle;
}

.pagination {
    height: 30px;
    line-height: 30px;
    text-align: right;
}

.pagination .page-num {
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}

.pagination .page-num li {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.pagination .page-num li a {
    display: block;
    height: 30px;
    border: 1px solid #dedede;
    line-height: 28px;
    padding: 0 5px;
    min-width: 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 2px;
    background: #f8f8f8;
}

.pagination .page-num li a:hover {
    color: #3b99fc;
}

.pagination .page-num li .icon {
    font-size: 14px;
}

.pagination .page-num .dotted {
    display: block;
    height: 30px;
    line-height: 24px;
    font-size: 14px;
    color: #999;
}

.pagination .page-num .active a, .pagination .page-num .active a:hover {
    background: #3b99fc;
    border-color: #3b99fc;
    color: #fff;
}

.pagination .page-num .disabled a {
    color: #d2d2d2;
    cursor: not-allowed;
    border-color: #e2e2e2;
}

.pagination .page-num .disabled a:hover {
    color: #d2d2d2;
    border-color: #e2e2e2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pagination .page-all {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.pagination .page-all strong {
    margin: 0 3px;
    font-weight: 400;
}

.pagination .page-skip {
    display: inline-block;
    margin-right: 10px;
}

.pagination .page-skip .input, .pagination .page-skip .textarea {
    width: 40px;
    text-align: center;
    margin: 0 5px;
    padding-left: 2px;
    padding-right: 2px;
    vertical-align: baseline;
}

.pagination .page-skip .btn {
    margin-left: 10px;
}

.pagination .page-btn {
    background: #f8f8f8;
    vertical-align: top;
    border-radius: 2px;
    min-width: 50px;
}

.pagination.pagination-center {
    text-align: center;
}

.box-loading {
    height: 100px;
    position: relative;
}

.box-loading img {
    position: absolute;
    width: 60px;
    height: 60px;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
}

.tips-box {
    border: 2px solid #ffddba;
    background: #fffbf8;
    padding: 10px 20px 10px 20px;
    line-height: 20px;
}

.tips-box .tips-tit {
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
}

.tips-box p {
    margin-top: 4px;
    line-height: 20px;
    font-size: 12px;
}

.tips-box.tips-box-mini {
    padding: 8px 20px 8px 20px;
}

.tips-box.tips-box-mini p {
    margin-top: 0;
}

.tips-box.tips-box-error {
    padding: 4px 20px;
    background: rgba(240, 72, 55, 0.1);
    border: 1px solid #F04837;
    text-align: center;
}

.tips-box.tips-box-error .icon {
    color: #e12525;
    font-size: 24px;
    vertical-align: top;
    display: inline-block;
    line-height: 30px;
}

.tips-box.tips-box-error p {
    font-weight: 600;
    font-size: 16px;
    line-height: 30px;
    margin-top: 0;
}

.search-form-mini {
    *zoom: 1;
}

.search-form-mini:before, .search-form-mini:after {
    content: "";
    display: table;
}

.search-form-mini:after {
    clear: both;
    overflow: hidden;
}

.search-form-mini .form-item {
    float: left;
    margin-right: 10px;
    line-height: 30px;
}

.search-form-mini .form-item .btn {
    vertical-align: top;
}

.search-form-mini .form-item .sel {
    vertical-align: top;
}

.show-expect {
    text-align: center;
    padding: 20px;
}

.show-expect img {
    width: 500px;
    height: auto;
    vertical-align: top;
}

.panel-tab .tab-hd {
    height: 44px;
    margin-bottom: -1px;
}

.panel-tab .tab-bd {
    border: 1px solid #dedede;
}

.panel-tab .tab-hd-list {
    height: 44px;
}

.panel-tab .tab-hd-list li {
    float: left;
    border: 1px solid #dedede;
    margin-right: -1px;
}

.panel-tab .tab-hd-list a {
    float: left;
    padding: 0 30px;
    min-width: 110px;
    height: 42px;
    line-height: 42px;
    text-align: center;
}

.panel-tab .tab-hd-list .txt-num {
    display: inline-block;
    margin-left: 5px;
    height: 14px;
    line-height: 14px;
    padding: 0 8px;
    color: #fff !important;
    background: #ff8000;
    font-size: 12px;
    border-radius: 10px;
    font-weight: 400;
}

.panel-tab .tab-hd-list .active {
    border-bottom: 1px solid #fff;
}

.panel-tab .tab-hd-list .active a {
    color: #3b99fc;
}

.panel-tab .tab-item {
    display: none;
    padding: 20px;
}

.panel-tooltip {
    position: absolute;
    border: 1px solid #3b99fc;
    background: #fff;
    z-index: 2001;
}

.panel-tooltip .tooltip-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
}

.panel-tooltip .tooltip-close:hover {
    color: #3b99fc;
}

.panel-tooltip .tooltip-hd {
    height: 40px;
    padding: 5px 20px;
    line-height: 30px;
    background: #f0f8ff;
}

.panel-tooltip .tooltip-bd {
    padding: 20px;
}

.panel-tooltip .tooltip-txt {
    line-height: 20px;
    padding: 4px 10px;
}

.panel-tooltip.top .tooltip-arw, .panel-tooltip.top-left .tooltip-arw, .panel-tooltip.top-right .tooltip-arw {
    top: auto;
    bottom: -6px;
}

.panel-tooltip.top .tooltip-arw:before, .panel-tooltip.top-left .tooltip-arw:before, .panel-tooltip.top-right .tooltip-arw:before {
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #3b99fc transparent transparent transparent;
    border-bottom: none;
}

.panel-tooltip.top .tooltip-arw:after, .panel-tooltip.top-left .tooltip-arw:after, .panel-tooltip.top-right .tooltip-arw:after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
    border-bottom: none;
}

.panel-tooltip.top .tooltip-arw {
    left: 50%;
    margin-left: -6px;
}

.panel-tooltip.top-left .tooltip-arw {
    left: auto;
    right: 10px;
}

.panel-tooltip.bottom-left .tooltip-arw {
    left: auto;
    right: 10px;
}

.panel-tooltip.bottom-right .tooltip-arw {
    left: 10px;
}

.panel-tooltip.bottom .tooltip-arw {
    left: 50%;
    margin-left: -6px;
}

.panel-tooltip.right-bottom .tooltip-arw, .panel-tooltip.right-top .tooltip-arw, .panel-tooltip.right .tooltip-arw {
    width: 6px;
    height: 12px;
    left: -6px;
    top: 10px;
}

.panel-tooltip.right-bottom .tooltip-arw:before, .panel-tooltip.right-top .tooltip-arw:before, .panel-tooltip.right .tooltip-arw:before {
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #3b99fc transparent transparent;
    border-left: none;
}

.panel-tooltip.right-bottom .tooltip-arw:after, .panel-tooltip.right-top .tooltip-arw:after, .panel-tooltip.right .tooltip-arw:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
    border-left: none;
}

.panel-tooltip.right-bottom .tooltip-arw {
    top: 10px;
}

.panel-tooltip.right-top .tooltip-arw {
    top: auto;
    bottom: 10px;
}

.panel-tooltip.right .tooltip-arw {
    top: 50%;
    margin-top: -6px;
}

.panel-tooltip.left-bottom .tooltip-arw, .panel-tooltip.left-top .tooltip-arw, .panel-tooltip.left .tooltip-arw {
    width: 6px;
    height: 12px;
    left: auto;
    right: -6px;
    top: 8px;
}

.panel-tooltip.left-bottom .tooltip-arw:before, .panel-tooltip.left-top .tooltip-arw:before, .panel-tooltip.left .tooltip-arw:before {
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #3b99fc;
    border-right: none;
}

.panel-tooltip.left-bottom .tooltip-arw:after, .panel-tooltip.left-top .tooltip-arw:after, .panel-tooltip.left .tooltip-arw:after {
    content: "";
    position: absolute;
    top: 0px;
    left: auto;
    right: 1px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

.panel-tooltip.left-bottom .tooltip-arw {
    top: 8px;
}

.panel-tooltip.left-top .tooltip-arw {
    top: auto;
    bottom: 8px;
}

.panel-tooltip.left .tooltip-arw {
    top: 50%;
    margin-top: -6px;
}

.panel-tooltip .tooltip-arw {
    width: 12px;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 10px;
}

.panel-tooltip .tooltip-arw:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #3b99fc transparent;
    border-top: none;
}

.panel-tooltip .tooltip-arw:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
}

.panel-train-stop {
    width: 418px;
}

.panel-train-stop .stop-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
}

.panel-train-stop .stop-close:hover {
    color: #3b99fc;
}

.panel-train-stop .stop-hd {
    height: 40px;
    text-align: center;
    background: #f0f8ff;
    color: #666;
}

.panel-train-stop .stop-hd .stop-item {
    line-height: 40px;
}

.panel-train-stop .stop-item {
    float: left;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-train-stop .stop-num {
    width: 60px;
}

.panel-train-stop .stop-name {
    width: 90px;
}

.panel-train-stop .stop-time {
    width: 80px;
}

.panel-train-stop .stop-bd {
    max-height: 256px;
    overflow: auto;
}

.panel-train-stop .stop-list {
    line-height: 32px;
}

.panel-train-stop .stop-ft {
    line-height: 38px;
    border-top: 1px solid #3b99fc;
    padding: 0 0 0 20px;
}

.panel-train-stop .stop-ft span {
    margin-right: 35px;
    font-weight: 700;
}

.sel {
    display: inline-block;
    position: relative;
    zoom: 1;
    vertical-align: middle;
    text-align: left;
}

.sel .sel-hd {
    height: 30px;
    line-height: 28px;
    border: 1px solid #dedede;
    padding: 0 24px 0 10px;
    color: #333;
    background-color: #fff;
    cursor: pointer;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.sel .sel-hd .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #e0e0e0;
    -webkit-transition: 0.3s linear transform;
    transition: 0.3s linear transform;
}

.sel .sel-inner {
    overflow: hidden;
    white-space: nowrap;
}

.sel .sel-placeholder {
    color: #999;
}

.sel .sel-bd {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 2px;
    border: 1px solid #dcdcdc;
    background: #fff;
    z-index: 10;
    max-height: 180px;
    overflow: auto;
    display: none;
}

.sel.sel02 .sel-hd .input, .sel.sel02 .sel-hd .textarea {
    border-color: transparent;
    background-color: transparent;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.sel.sel02 .sel-hd .input:focus, .sel.sel02 .sel-hd .textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sel .sel-list.sel-list02 li {
    height: auto;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
    word-break: break-all;
}

.sel .sel-list.sel-list02 li.selected .sel-text {
    color: #fff;
}

.sel .sel-list.sel-list02 li + li {
    border-top: 1px solid #dedede;
}

.sel .sel-list.sel-list02 li .sel-text {
    color: #666;
}

.sel .sel-list.sel-list02 li .tag {
    background: #f8f8f8;
    border-radius: 10px;
    font-size: 12px;
    color: #999;
    float: right;
    padding: 0 5px;
}

.sel .sel-list.sel-list01 li {
    float: left;
}

.sel .sel-list li {
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    padding: 0 10px;
    cursor: pointer;
}

.sel .sel-list li.hover, .sel .sel-list li:hover {
    color: #3b99fc;
}

.sel .sel-list li.selected {
    background: #3b99fc;
    color: #fff;
}

.sel .sel-list li.disabled {
    color: #c0c4cc;
    cursor: not-allowed;
}

.sel .sel-list li.disabled:hover {
    background: none;
}

.sel .sel-list li.is-line {
    position: relative;
}

.sel .sel-list li.is-line::before {
    position: absolute;
    content: "";
    bottom: 0;
    height: 1px;
    left: 10px;
    right: 10px;
    border-bottom: 1px dashed #dedede;
}

.sel .sel-list li.is-line.selected::before {
    display: none;
}

.sel.active {
    z-index: 100;
}

.sel.active .sel-hd {
    border-color: #3b99fc;
    -webkit-box-shadow: 0 0 4px rgba(59, 153, 252, 0.4);
    box-shadow: 0 0 4px rgba(59, 153, 252, 0.4);
}

.sel.active .sel-hd .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sel.active .sel-bd {
    display: block;
}

.sel.sel-sm .sel-hd {
    height: 24px;
    line-height: 22px;
    padding: 0 24px 0 10px;
}

.sel.sel-sm .sel-hd .icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

.sel.sel-lg .sel-hd {
    height: 36px;
    line-height: 34px;
    padding: 0 36px 0 10px;
}

.sel.sel-lg .sel-hd .icon {
    width: 36px;
    height: 36px;
    line-height: 36px;
}

.sel.disabled .sel-hd {
    border-color: #f1f1f1;
    color: #eaeded;
    background-color: #f9f9f9;
    cursor: not-allowed;
}

.form-list .form-item {
    *zoom: 1;
    margin-bottom: 10px;
    min-height: 30px;
}

.form-list .form-item:before, .form-list .form-item:after {
    content: "";
    display: table;
}

.form-list .form-item:after {
    clear: both;
    overflow: hidden;
}

.form-list .form-label {
    float: left;
    padding: 5px 5px 5px 0;
    width: 100px;
    line-height: 20px;
    font-weight: 400;
    color: #666;
    text-align: right;
}

.form-list .form-label .required {
    margin-right: 5px;
}

.form-list .form-bd {
    margin-left: 100px;
    min-height: 30px;
}

.form-list .form-bd-txt {
    line-height: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 20px;
}

.form-list .form-inline {
    float: left;
    margin-right: 20px;
}

.form-list .form-inline-half {
    width: 50%;
    margin-right: 0;
}

.form-list .form-tips {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    color: #999;
    font-size: 12px;
}

.form-list .form-tips .icon {
    margin-right: 5px;
}

.form-list .ml0 {
    margin-left: 0;
}

.form-list .input-box, .form-list .sel {
    float: left;
    width: 200px;
}

.form-list .w240 {
    width: 240px;
}

.form-list .w250 {
    width: 250px;
}

.form-list .w260 {
    width: 260px;
}

.form-list-mlg .form-label {
    width: 340px !important;
}

.form-list-mlg .form-bd {
    margin-left: 340px !important;
}

.form-list-lg .form-label {
    width: 200px !important;
}

.form-list-lg .form-bd {
    margin-left: 200px !important;
}

.form-list-sm .form-label {
    width: 100px !important;
}

.form-list-sm .form-bd {
    margin-left: 100px !important;
}

.line-dashed {
    height: 1px;
    border-top: 1px dashed #dedede;
    margin: 15px 0;
}

.line-dashed-margin {
    margin: 40px 0;
}

.pwd-rank {
    height: 14px;
    line-height: 14px;
}

.pwd-rank span {
    float: left;
    width: 66px;
    height: 14px;
    background: #ffce9c;
    margin-right: 1px;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.pwd-rank .active {
    background: #ff8000;
}

.list-operation {
    text-align: center;
}

.list-operation a {
    margin: 0 10px;
}

.list-operation .icon-del {
    color: #e12525;
}

.list-operation .icon-edit {
    color: #3b99fc;
}

.article {
    padding: 0 20px;
}

.article .article-head {
    padding: 10px;
}

.article .article-tit {
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.article .article-txt {
    line-height: 20px;
    margin-top: 15px;
}

.code-box-show {
    width: 162px;
    height: 162px;
    border: 1px solid #dedede;
    position: relative;
}

.code-box-show img {
    display: block;
    width: 160px;
    height: 160px;
    cursor: pointer;
}

.code-box-show .code-tips {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 160px;
    height: 160px;
    z-index: 10;
    display: none;
}

.code-box-show .code-tips .code-tips-mask {
    width: 160px;
    height: 160px;
    background: #fff;
    opacity: 0.9;
}

.code-box-show .code-tips .code-tips-info {
    position: absolute;
    width: 160px;
    height: 160px;
    left: 0;
    top: 0;
    z-index: 10;
}

.code-box-show .code-tips .code-tips-bd {
    width: 160px;
    height: 160px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}

.code-box-show .code-tips .icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    font-size: 20px;
    margin-right: 5px;
    display: inline-block;
}

.code-box-show .code-tips .btn {
    margin-top: 10px;
}

.code-box-show-sm {
    width: 122px;
    height: 122px;
}

.code-box-show-sm img {
    width: 120px;
    height: 120px;
}

.code-box-show-sm .code-tips {
    width: 120px;
    height: 120px;
}

.code-box-show-sm .code-tips .code-tips-mask {
    width: 120px;
    height: 120px;
}

.code-box-show-sm .code-tips .code-tips-info {
    width: 120px;
    height: 120px;
}

.code-box-show-sm .code-tips .code-tips-bd {
    width: 120px;
    height: 120px;
    font-size: 16px;
}

.panel-table {
    border: 1px solid #dedede;
    -webkit-transition: 0.3s linear border;
    transition: 0.3s linear border;
}

.list-table {
    width: 100%;
    text-align: center;
}

.list-table th {
    background: #f0f8ff;
    height: 40px;
    padding: 0 10px;
}

.list-table td {
    padding: 15px 10px;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    line-height: 22px;
}

.list-table .order-operation {
    padding: 20px 10px;
    border-right: none;
}

.list-table .align-top {
    vertical-align: top;
}

.list-table .align-center {
    text-align: center;
}

.list-table .td-left {
    padding-left: 20px;
    text-align: left;
}

.list-table .td-right {
    padding-right: 20px;
    text-align: right;
}

.list-table .br-none {
    border-right: none;
}

.list-table .bg-light td, .list-table .bg-light th {
    background: #f8f8f8;
    border-top: 1px solid #dedede;
}

.list-table .br-bottom {
    border-top: 1px dashed #dedede;
    border-bottom: 1px dashed #dedede;
}

.list-table .item-disabled {
    color: #999;
}

.list-table .item-disabled .txt-primary, .list-table .item-disabled .txt-price, .list-table .item-disabled .label-discount, .list-table .item-disabled .txt-light {
    color: #999 !important;
}

.list-table .item-disabled .label-discount {
    border-color: #999;
}

.list-table .passenger-operation {
    padding-left: 20px;
    position: relative;
}

.list-table .passenger-operation .passenger-check {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.list-table.list-table-horizontal-mini th, .list-table.list-table-horizontal-mini td {
    padding-left: 5px;
    padding-right: 5px;
}

.panel-error {
    padding: 100px 100px 100px 235px;
}

.panel-error .error-pic {
    float: left;
    width: 110px;
    height: 65px;
    margin-left: -135px;
    background-image: url(../images/error.png);
    background-image: -webkit-image-set(url(../images/error.png) 1x, url(../images/error@2x.png) 2x);
    background-image: image-set(url(../images/error.png) 1x, url(../images/error@2x.png) 2x);
}

.panel-error .error-tit {
    font-size: 16px;
}

.panel-error .error-txt {
    color: #999;
    margin-top: 10px;
    line-height: 20px;
}

.label-shi, .label-guo, .label-zhong {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    border: 1px solid #d8edff;
    font-style: normal;
    font-size: 12px;
    background: #fff;
}

.label-shi {
    color: #5fac81;
}

.label-guo {
    color: #3b99fc;
}

.label-zhong {
    color: #ff8000;
}

.ticket-card {
    width: 270px;
    height: 125px;
    background-image: url(../images/ticket.png);
    background-image: -webkit-image-set(url(../images/ticket.png) 1x, url(../images/ticket@2x.png) 2x);
    background-image: image-set(url(../images/ticket.png) 1x, url(../images/ticket@2x.png) 2x);
    padding: 10px 20px;
    position: relative;
}

.ticket-card .ticket-number {
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    font-size: 20px;
}

.ticket-card .ticket-date {
    float: right;
    height: 20px;
    line-height: 20px;
    color: #666;
}

.ticket-card .ticket-date strong {
    font-weight: 400;
    color: #333;
    font-size: 16px;
    margin-left: 5px;
}

.ticket-card .ticket-station {
    height: 46px;
    line-height: 18px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ticket-card .ticket-station i {
    margin-right: 5px;
}

.ticket-card .ticket-station-start {
    float: left;
}

.ticket-card .ticket-station-end {
    float: left;
}

.ticket-card .ticket-station-arw {
    float: left;
    margin-right: 8px;
    margin-top: 7px;
    width: 16px;
    height: 5px;
    background-image: url(../images/to01.png);
    background-image: -webkit-image-set(url(../images/to01.png) 1x, url(../images/to01@2x.png) 2x);
    background-image: image-set(url(../images/to01.png) 1x, url(../images/to01@2x.png) 2x);
    background-position: right center;
    background-repeat: no-repeat;
}

.ticket-card .ticket-station-name {
    font-size: 16px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-right: 8px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.ticket-card .ticket-station-name i {
    vertical-align: top;
    font-weight: 400;
}

.ticket-card .ticket-station-time {
    height: 18px;
    line-height: 18px;
    white-space: nowrap;
    padding-left: 23px;
}

.ticket-card .ticket-info {
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-top: 10px;
}

.ticket-card .ticket-info-txt {
    float: left;
}

.ticket-card .ticket-info-price {
    float: right;
}

.ticket-card .ticket-success {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 74px;
    height: 18px;
    background-image: url(../images/buySuccess.png);
    background-image: -webkit-image-set(url(../images/buySuccess.png) 1x, url(../images/buySuccess@2x.png) 2x);
    background-image: image-set(url(../images/buySuccess.png) 1x, url(../images/buySuccess@2x.png) 2x);
}

.ticket-card.disabled {
    background-image: url(../images/ticket2.png);
    background-image: -webkit-image-set(url(../images/ticket2.png) 1x, url(../images/ticket2@2x.png) 2x);
    background-image: image-set(url(../images/ticket2.png) 1x, url(../images/ticket2@2x.png) 2x);
    color: #999;
}

.ticket-card.disabled .ticket-station-arw {
    background-image: url(../images/to02.png);
    background-image: -webkit-image-set(url(../images/to02.png) 1x, url(../images/to02@2x.png) 2x);
    background-image: image-set(url(../images/to02.png) 1x, url(../images/to02@2x.png) 2x);
}

.ticket-card.disabled .label-shi, .ticket-card.disabled .label-zhong, .ticket-card.disabled .label-guo {
    color: #999;
    border-color: #dedede;
}

.ticket-card.disabled .txt-price {
    color: #999 !important;
}

.ticket-card.success {
    background-image: url(../images/ticket3.png);
    background-image: -webkit-image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
    background-image: image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
}

.ticket-card.active {
    background-image: url(../images/ticket3.png);
    background-image: -webkit-image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
    background-image: image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
}

.ticket-card.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    width: 26px;
    height: 21px;
    background-image: url(../images/current3.png);
    background-image: -webkit-image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
    background-image: image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
}

.ticket-card .ticket-tips {
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    background: 000;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 6px 30px 6px 10px;
    border-radius: 0 0 4px 4px;
}

.ticket-card .ticket-tips .ticket-tips-bd {
    height: 20px;
    overflow: hidden;
    font-size: 12px;
    -webkit-transition: 0.3s linear height;
    transition: 0.3s linear height;
}

.ticket-card .ticket-tips .ticket-tips-bd p {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-card .ticket-tips .tips-show-all, .ticket-card .ticket-tips .tips-show-less {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 8px;
    right: 10px;
    cursor: pointer;
}

.ticket-card .ticket-tips .tips-show-less {
    display: none;
}

.ticket-card .ticket-tips.ticket-tips-all {
    border-radius: 4px;
}

.ticket-card .ticket-tips.ticket-tips-all .ticket-tips-bd {
    height: 113px;
}

.ticket-card .ticket-tips.ticket-tips-all .ticket-tips-bd p {
    height: auto;
    white-space: normal;
}

.ticket-card .ticket-tips.ticket-tips-all .tips-show-all {
    display: none;
}

.ticket-card .ticket-tips.ticket-tips-all .tips-show-less {
    display: block;
}

.ticket-card.ticket-card-queue {
    background-size: 100% 100%;
    height: 165px;
}

.ticket-card.ticket-card-queue .ticket-queue {
    margin: 0 -20px -10px -20px;
    border-top: 1px dashed #3b99fc;
    line-height: 20px;
    background: #ddeeff;
    height: 40px;
}

.ticket-card-queue {
    width: 270px;
    height: 165px;
    background-image: url(../images/ticket4.png);
    background-image: -webkit-image-set(url(../images/ticket4.png) 1x, url(../images/ticket4@2x.png) 2x);
    background-image: image-set(url(../images/ticket4.png) 1x, url(../images/ticket4@2x.png) 2x);
    padding: 10px 20px;
    position: relative;
}

.ticket-card-queue .ticket-number {
    height: 20px;
    line-height: 20px;
    font-weight: 400;
    font-size: 20px;
}

.ticket-card-queue .ticket-date {
    float: right;
    height: 20px;
    line-height: 20px;
    color: #666;
}

.ticket-card-queue .ticket-date strong {
    font-weight: 400;
    color: #333;
    font-size: 16px;
    margin-left: 5px;
}

.ticket-card-queue .ticket-station {
    height: 46px;
    line-height: 18px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ticket-card-queue .ticket-station i {
    margin-right: 5px;
}

.ticket-card-queue .ticket-station-start {
    float: left;
}

.ticket-card-queue .ticket-station-end {
    float: left;
}

.ticket-card-queue .ticket-station-arw {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
    width: 16px;
    height: 5px;
    background-image: url(../images/to01.png);
    background-image: -webkit-image-set(url(../images/to01.png) 1x, url(../images/to01@2x.png) 2x);
    background-image: image-set(url(../images/to01.png) 1x, url(../images/to01@2x.png) 2x);
    background-position: right center;
    background-repeat: no-repeat;
}

.ticket-card-queue .ticket-station-name {
    font-size: 16px;
    font-weight: 700;
    height: 18px;
    line-height: 18px;
    margin-right: 10px;
    margin-bottom: 10px;
    white-space: nowrap;
}

.ticket-card-queue .ticket-station-name i {
    vertical-align: top;
    font-weight: 400;
}

.ticket-card-queue .ticket-station-time {
    height: 18px;
    line-height: 18px;
    padding-left: 23px;
    white-space: nowrap;
}

.ticket-card-queue .ticket-info {
    height: 20px;
    line-height: 20px;
    position: relative;
    margin-top: 10px;
}

.ticket-card-queue .ticket-info-txt {
    float: left;
}

.ticket-card-queue .ticket-info-price {
    float: right;
}

.ticket-card-queue .ticket-queue {
    position: absolute;
    bottom: 1px;
    left: 6px;
    right: 6px;
    background: #ddeeff;
    border-top: 1px dashed #3b99fc;
    height: 30px;
    border-radius: 0 0 4px 4px;
    line-height: 30px;
    font-size: 12px;
    overflow: hidden;
    padding: 0 10px 0;
    color: #999;
}

.ticket-card-queue .queue-number {
    color: #3b99fc;
    margin: 0 4px;
    font-weight: 400;
}

.ticket-card-queue .success-history {
    position: relative;
    float: right;
    padding-right: 8px;
    height: 20px;
    line-height: 20px;
    color: #3b99fc;
}

.ticket-card-queue .success-history:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -3px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 3px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #3b99fc;
    border-right: none;
}

.ticket-card-queue .ticket-success {
    text-align: center;
    color: #4ea373;
}

.ticket-card-queue .ticket-success .icon {
    margin-right: 5px;
}

.ticket-card-queue.disabled {
    background-image: url(../images/ticket5.png);
    background-image: -webkit-image-set(url(../images/ticket5.png) 1x, url(../images/ticket5@2x.png) 2x);
    background-image: image-set(url(../images/ticket5.png) 1x, url(../images/ticket5@2x.png) 2x);
    color: #999;
}

.ticket-card-queue.disabled .ticket-station-arw {
    background-image: url(../images/to02.png);
    background-image: -webkit-image-set(url(../images/to02.png) 1x, url(../images/to02@2x.png) 2x);
    background-image: image-set(url(../images/to02.png) 1x, url(../images/to02@2x.png) 2x);
}

.ticket-card-queue.disabled .label-shi, .ticket-card-queue.disabled .label-zhong, .ticket-card-queue.disabled .label-guo {
    color: #999;
    border-color: #dedede;
}

.ticket-card-queue.disabled .txt-price, .ticket-card-queue.disabled .txt-second {
    color: #999 !important;
}

.ticket-card-queue.disabled .ticket-queue {
    background: #f0f0f0;
    border-color: #d1d1d1;
}

.ticket-card-queue.disabled .success-history, .ticket-card-queue.disabled .queue-number {
    color: #999;
}

.ticket-card-queue.disabled .success-history:after {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 3px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #999;
    border-right: none;
}

.ticket-card-queue.success {
    background-image: url(../images/ticket6.png);
    background-image: -webkit-image-set(url(../images/ticket6.png) 1x, url(../images/ticket6@2x.png) 2x);
    background-image: image-set(url(../images/ticket6.png) 1x, url(../images/ticket6@2x.png) 2x);
}

.ticket-card-queue.active {
    background-image: url(../images/ticket6.png);
    background-image: -webkit-image-set(url(../images/ticket6.png) 1x, url(../images/ticket6@2x.png) 2x);
    background-image: image-set(url(../images/ticket6.png) 1x, url(../images/ticket6@2x.png) 2x);
}

.ticket-card-queue.active:after {
    content: "";
    position: absolute;
    top: 0;
    right: 5px;
    width: 26px;
    height: 21px;
    background-image: url(../images/current3.png);
    background-image: -webkit-image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
    background-image: image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
}

.ticket-card-queue .ticket-tips {
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    background: 000;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 13px 30px 13px 10px;
    border-radius: 0 0 4px 4px;
}

.ticket-card-queue .ticket-tips .ticket-tips-bd {
    height: 20px;
    overflow: hidden;
    font-size: 12px;
    -webkit-transition: 0.3s linear height;
    transition: 0.3s linear height;
}

.ticket-card-queue .ticket-tips .ticket-tips-bd p {
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-card-queue .ticket-tips .tips-show-all, .ticket-card-queue .ticket-tips .tips-show-less {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    top: 15px;
    right: 10px;
    cursor: pointer;
}

.ticket-card-queue .ticket-tips .tips-show-less {
    display: none;
}

.ticket-card-queue .ticket-tips.ticket-tips-all {
    border-radius: 4px;
}

.ticket-card-queue .ticket-tips.ticket-tips-all .ticket-tips-bd {
    height: 134px;
}

.ticket-card-queue .ticket-tips.ticket-tips-all .ticket-tips-bd p {
    height: auto;
    white-space: normal;
}

.ticket-card-queue .ticket-tips.ticket-tips-all .tips-show-all {
    display: none;
}

.ticket-card-queue .ticket-tips.ticket-tips-all .tips-show-less {
    display: block;
}

.passenger-card {
    width: 270px;
    background: #f0f8ff;
    padding: 10px 15px;
    position: relative;
}

.passenger-card .passenger-name {
    line-height: 18px;
    height: 38px;
    padding: 10px 0;
    padding-right: 60px;
    overflow: hidden;
}

.passenger-card .ico-passenger {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: top;
    margin-right: 10px;
    background-image: url(../images/passenger.png);
    background-image: -webkit-image-set(url(../images/passenger.png) 1x, url(../images/passenger@2x.png) 2x);
    background-image: image-set(url(../images/passenger.png) 1x, url(../images/passenger@2x.png) 2x);
}

.passenger-card .label-txt {
    height: 18px;
    line-height: 16px;
    min-width: 45px;
    vertical-align: top;
}

.passenger-card .passenger-type {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.passenger-card .passenger-num {
    height: 28px;
    line-height: 28px;
    overflow: hidden;
}

.passenger-card .passenger-berth {
    position: absolute;
    top: 10px;
    right: 15px;
    line-height: 38px;
    color: #3b99fc;
}

.passenger-card.disabled {
    color: #999;
    background: #f8f8f8;
}

.passenger-card.disabled .ico-passenger {
    background-image: url(../images/passenger2.png);
    background-image: -webkit-image-set(url(../images/passenger2.png) 1x, url(../images/passenger2@2x.png) 2x);
    background-image: image-set(url(../images/passenger2.png) 1x, url(../images/passenger2@2x.png) 2x);
}

.passenger-card.disabled .label-txt {
    border-color: #dedede;
    color: #999;
}

.passenger-card.active {
    border: 1px solid #3b99fc;
    padding: 9px 14px;
    border-radius: 4px;
}

.passenger-card.active::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 26px;
    height: 21px;
    background-image: url(../images/current3.png);
    background-image: -webkit-image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
    background-image: image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
}

.passenger-card.completed::after {
    content: "已预约";
    position: absolute;
    top: 0;
    right: 0;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    background: #d8d8d8;
    font-size: 12px;
    color: #333;
}

.label-service-card, .label-service-food, .label-service-code {
    display: inline-block;
    width: 138px;
    height: 22px;
    background-image: url(../images/service2.png);
    background-image: -webkit-image-set(url(../images/service2.png) 1x, url(../images/service2@2x.png) 2x);
    background-image: image-set(url(../images/service2.png) 1x, url(../images/service2@2x.png) 2x);
}

.label-service-food {
    width: 78px;
    background-position: -147px 0;
}

.label-service-code {
    width: 102px;
    background-position: -234px 0;
}

.btn-sort {
    display: inline-block;
    width: 8px;
    height: 10px;
    margin-left: 6px;
    position: relative;
}

.btn-sort .sort-top {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #999 transparent;
    border-top: none;
}

.btn-sort .sort-top.active {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #3b99fc transparent;
    border-top: none;
}

.btn-sort .sort-down {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #999 transparent transparent transparent;
    border-bottom: none;
}

.btn-sort .sort-down.active {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #3b99fc transparent transparent transparent;
    border-bottom: none;
}

.panel-order {
    border: 1px solid #acd1f9;
    -webkit-transition: 0.3s linear border;
    transition: 0.3s linear border;
}

.panel-order:hover {
    border: 1px solid #3b99fc;
}

.panel-order .panel-order-hd {
    height: 40px;
    line-height: 30px;
    background: #f0f8ff;
    padding: 5px 20px;
}

.panel-order .panel-order-hd.bg-white {
    background-color: #fff;
}

.panel-order .panel-order-bd.padding {
    padding: 20px;
}

.panel-order .panel-order-ft {
    *zoom: 1;
    border-top: 1px solid #dedede;
    padding: 20px;
}

.panel-order .panel-order-ft:before, .panel-order .panel-order-ft:after {
    content: "";
    display: table;
}

.panel-order .panel-order-ft:after {
    clear: both;
    overflow: hidden;
}

.search-mini {
    width: 190px;
    height: 30px;
    position: relative;
}

.search-mini .search-input {
    float: left;
    width: 160px;
    border-right: none;
}

.search-mini .search-btn {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #3b99fc;
    color: #fff;
}

.ad-full {
    position: relative;
}

.ad-full img {
    display: block;
    width: 100%;
    height: auto;
}

.ad-full .ad-notice {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #6c635b;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 12px;
    overflow: hidden;
}

.ad-full .ad-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #6c635b;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.ad-full .ad-close .icon {
    display: block;
    width: 14px;
    height: 14px;
    font-size: 12px;
}

.panel-success {
    background: #fcfff2;
    border: 1px solid #d4e4c3;
    padding: 20px;
}

.panel-result {
    background: #f0f8ff;
    border: 1px solid #acd1f9;
    padding: 20px;
}

.ico-ticket-change {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 20px;
    height: 15px;
    border-radius: 0 6px 0 0;
    background-image: url(../images/change.png);
    background-image: -webkit-image-set(url(../images/change.png) 1x, url(../images/change@2x.png) 2x);
    background-image: image-set(url(../images/change.png) 1x, url(../images/change@2x.png) 2x);
}

.btn-sm .ico-ticket-change {
    border-radius: 0 3px 0 0;
}

.buy-cart {
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index: 9999;
}

.buy-cart .cart-hd {
    display: block;
    width: 50px;
    height: 62px;
    line-height: 20px;
    color: #3b99fc;
    background: #efefef;
    text-align: center;
    padding-top: 10px;
    cursor: pointer;
}

.buy-cart .cart-hd .icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    font-size: 22px;
    text-align: left;
    position: relative;
}

.buy-cart .cart-hd .cart-num {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #ff4646;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.buy-cart .cart-bd {
    position: absolute;
    right: 60px;
    bottom: 0;
    width: 352px;
    background: #fff;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.buy-cart .cart-bd-tit {
    float: left;
    margin-right: 10px;
}

.buy-cart .cart-bd-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

.buy-cart .cart-bd-top {
    height: 30px;
    line-height: 30px;
    background: #3b99fc;
    color: #fff;
    padding: 0 30px 0 20px;
}

.buy-cart .cart-bd-top a {
    color: #fff;
}

.buy-cart .cart-bd-con {
    min-height: 100px;
}

.buy-cart .cart-bd-ft {
    padding: 15px 20px;
    font-size: 12px;
    line-height: 24px;
}

.buy-cart .cart-bd-list-item {
    padding: 15px 20px;
    border-bottom: 1px dashed #dedede;
    line-height: 20px;
    height: 70px;
    overflow: hidden;
}

.buy-cart .cart-list-left {
    float: left;
    width: 250px;
    height: 40px;
}

.buy-cart .cart-list-left .icon-to {
    font-size: 14px;
}

.buy-cart .cart-list-right {
    float: right;
    width: 60px;
    text-align: right;
    height: 40px;
}

.buy-cart .cart-list-del {
    color: #999;
}

.buy-cart .cart-list-del:hover {
    color: #3b99fc;
}

.buy-cart .cart-train {
    float: left;
    width: 120px;
    margin-right: 5px;
    height: 20px;
    overflow: hidden;
}

.buy-cart .cart-odds {
    float: left;
}

.buy-cart .cart-odds strong {
    font-weight: 400;
    font-size: 16px;
    color: #ff4646;
}

.ico-lock {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(../images/lock.png);
    background-image: -webkit-image-set(url(../images/lock.png) 1x, url(../images/lock@2x.png) 2x);
    background-image: image-set(url(../images/lock.png) 1x, url(../images/lock@2x.png) 2x);
}

.ly-plan-section {
    margin-right: -20px;
    margin-top: 20px;
    *zoom: 1;
}

.ly-plan-section:before, .ly-plan-section:after {
    content: "";
    display: table;
}

.ly-plan-section:after {
    clear: both;
    overflow: hidden;
}

.ly-plan-section .ly-plan-box {
    width: 585px;
    float: left;
    margin-right: 20px;
}

.ly-plan-box {
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 10px 20px;
    *zoom: 1;
}

.ly-plan-box:before, .ly-plan-box:after {
    content: "";
    display: table;
}

.ly-plan-box:after {
    clear: both;
    overflow: hidden;
}

.ly-plan-box.l-border0 {
    border: none;
}

.ly-plan-box .bor-btn-default {
    position: relative;
    margin: 0 74px;
    float: left;
}

.ly-plan-box .bor-btn-default:after, .ly-plan-box .bor-btn-default:before {
    position: absolute;
    content: "";
    left: -25px;
    top: 50%;
    width: 20px;
    height: 1px;
    background-color: #dedede;
}

.ly-plan-box .bor-btn-default:after {
    left: inherit;
    right: -25px;
}

.ly-plan-box .ly-plan-btn {
    margin-top: 15px;
    float: right;
}

.ly-plan-box .ly-plan-hd {
    float: left;
    margin-right: 20px;
}

.ly-plan-box .ly-plan-hd .bor-btn-primary {
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
    width: 64px;
    padding: 5px 14px;
    font-size: 16px;
    color: #3b99fc;
    border: 2px solid #3b99fc;
    border-radius: 4px;
}

.ly-plan-item {
    float: left;
}

.ly-plan-item .ly-plan-title {
    line-height: 32px;
    font-size: 16px;
    *zoom: 1;
}

.ly-plan-item .ly-plan-title:before, .ly-plan-item .ly-plan-title:after {
    content: "";
    display: table;
}

.ly-plan-item .ly-plan-title:after {
    clear: both;
    overflow: hidden;
}

.ly-plan-item .bor-btn-default {
    vertical-align: middle;
    display: inline-block;
    border-radius: 100px;
    line-height: 20px;
    padding: 5px 10px;
    font-size: 12px;
    color: #3b99fc;
    border: 1px solid #dedede;
}

.order-empty {
    margin: 200px auto;
    padding-left: 280px;
}

.order-empty .empty-pic {
    float: left;
}

.order-empty .empty-pic img {
    display: block;
    width: 87px;
    height: 70px;
}

.order-empty .empty-txt {
    margin-left: 110px;
    padding: 15px 0;
    color: #999;
}

.order-empty .empty-txt p {
    line-height: 20px;
}

.order-empty .empty-txt .empty-tit {
    line-height: 40px;
}

.l-arrow-up {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #3b99fc transparent;
    border-top: none;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
}

.l-arrow-up.arw-default {
    border-bottom-color: #333;
}

.l-arrow-down {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #3b99fc transparent transparent transparent;
    border-bottom: none;
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -2px;
}

.l-arrow-down.arw-default {
    border-top-color: #333;
}

.l-fold {
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 0px;
    top: 0px;
    color: #3b99fc;
}

.l-fold .l-fold-toggle {
    -webkit-transition: 0.3s linear transform;
    transition: 0.3s linear transform;
}

.l-fold:hover .l-fold-toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.l-fold.active .l-fold-toggle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.table-default {
    border-radius: 4px;
    border: 1px solid #3b99fc;
    line-height: 20px;
    background: #fff;
}

.table-default th {
    background: #3b99fc;
    color: #fff;
    padding: 5px 20px;
}

.table-default td {
    padding: 15px 20px;
}

.table-text {
    border-radius: 4px;
    background: #fff;
    width: 100%;
    line-height: 20px;
}

.table-text th {
    padding: 8px 5px;
    color: #666;
    text-align: right;
    vertical-align: top;
}

.table-text td {
    padding: 8px 5px;
    vertical-align: top;
}

.table-border {
    width: 100%;
    border: 1px solid #acd1f9;
    line-height: 20px;
}

.table-border td {
    padding: 10px 20px;
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.table-border td:last-child {
    border-right: none;
}

.table-border tr:last-child td {
    border-bottom: none;
}

.table-box .table {
    width: 100%;
    table-layout: fixed;
    border-radius: 4px;
    border: 1px solid #dedede;
    line-height: 20px;
}

.table-box .table th {
    background: #f8f8f8;
    font-weight: 700;
    padding: 10px 20px;
}

.table-box .table td {
    border: 1px solid #dedede;
    padding: 10px 20px;
}

.table-box .table-hd .table {
    border-bottom: none;
    text-align: center;
}

.table-box .table-hd + .table-bd .table {
    border-top: none;
}

.table-box .table-hd + .table-bd tr:first-child td {
    border-top: none;
}

.table-box .table-bd {
    overflow-y: auto;
    overflow-x: hidden;
}

.table-box .table-bd::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f8f8f8;
}

.table-box .table-bd::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    background-color: transparent;
}

.table-box .table-bd::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #d3d3d3;
}

.order-card-box {
    *zoom: 1;
    margin-top: -4px;
}

.order-card-box:before, .order-card-box:after {
    content: "";
    display: table;
}

.order-card-box:after {
    clear: both;
    overflow: hidden;
}

.order-card-box .order-card-item {
    border: 1px solid #3b99fc;
    border-radius: 4px;
    height: 66px;
    width: 74px;
    overflow: hidden;
    padding: 6px 0px 0 8px;
    float: left;
    line-height: 18px;
    margin: 0px 0px 20px 20px;
    cursor: pointer;
}

.order-card-box .order-card-item.ishide {
    display: none;
}

.order-card-box .order-card-item.active {
    position: relative;
    background: #f0f8ff;
}

.order-card-box .order-card-item.active:after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 26px;
    height: 21px;
    background-image: url(../images/current2.png);
    background-image: -webkit-image-set(url(../images/current2.png) 1x, url(../images/current2@2x.png) 2x);
    background-image: image-set(url(../images/current2.png) 1x, url(../images/current2@2x.png) 2x);
}

.order-card-box .order-card-item p, .order-card-box .order-card-item div {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bottom-tips {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #3b99fc;
    line-height: 20px;
    color: #3b99fc;
    padding: 0 8px;
    font-size: 12px;
    cursor: pointer;
}

.bottom-tips .icon {
    display: inline-block;
    height: 100%;
    font-size: 14px;
    -webkit-transition: 0.3s linear transform;
    transition: 0.3s linear transform;
}

.bottom-tips .icon.active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.l-ticket-txt {
    border: 1px solid #3b99fc;
    line-height: 28px;
    display: inline-block;
    padding: 0 14px;
    color: #3b99fc;
    vertical-align: top;
    text-align: center;
}

.l-ticket-txt .txt-price {
    font-style: normal;
    margin: 0 8px;
}

.l-type-txt {
    background: #3b99fc;
    line-height: 28px;
    display: inline-block;
    padding: 0 14px;
    color: #fff;
    vertical-align: top;
    text-align: center;
}

.ticket-type {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
}

.ticket-type .ticket-type-txt {
    background: #f3f9ff;
    line-height: 18px;
    display: inline-block;
    min-width: 60px;
    color: #3b99fc;
    font-size: 12px;
    padding: 0 6px;
    vertical-align: top;
    text-align: center;
}

.ticket-type .ticket-type-txt.type01 {
    color: #ff8000;
    background-color: #ffead6;
}

.ticket-arw-box {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 90%;
    height: calc(100% - 45px);
    width: 2px;
    background: #efefef;
    text-align: center;
}

.ticket-arw-box:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #efefef;
    position: absolute;
    left: -2px;
    top: 0;
}

.ticket-arw-box:after {
    content: "";
    border-radius: 2px;
    color: #efefef;
    line-height: 1;
    position: absolute;
    bottom: -6px;
    left: -5px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #efefef transparent transparent transparent;
    border-bottom: none;
    vertical-align: middle;
}

.l-order-item {
    position: relative;
    *zoom: 1;
    padding: 30px 0px 0px 28px;
}

.l-order-item:before, .l-order-item:after {
    content: "";
    display: table;
}

.l-order-item:after {
    clear: both;
    overflow: hidden;
}

.l-order-item.l-order-item-single {
    padding: 12px 0 3px 28px;
    margin-right: 10px;
}

.l-order-item.l-order-item-single .l-jiantou1 {
    font-size: 24px;
    font-weight: 700;
    bottom: -10px;
}

.l-order-item.l-order-item-sm {
    padding: 10px 10px 0px 28px;
}

.l-order-item.l-order-item-sm .l-order-txt {
    padding-bottom: 0;
}

.l-order-item.l-order-item-sm .l-order-txt:last-child {
    margin-right: 0;
}

.l-order-item.l-order-item-sm:last-child .l-jiantou1 {
    display: none;
}

.l-order-item.l-order-item-sm:last-child .l-order-info {
    border-bottom: none;
}

.l-order-item.l-order-item-sm i.icon {
    margin-top: 12px;
}

.l-order-item.l-order-item-sm .l-jiantou1 {
    bottom: -10px;
}

.l-order-item.l-order-item-mid {
    padding: 10px 10px 0px 28px;
    margin-left: 20px;
}

.l-order-item.l-order-item-mid .l-order-info {
    border-bottom: none;
    padding-bottom: 0;
}

.l-order-item.l-order-item-mid .l-order-txt {
    padding-bottom: 18px;
}

.l-order-item.l-order-item-mid i.icon {
    margin-top: 16px;
}

.l-order-item.l-order-item-mid .l-jiantou1 {
    bottom: -21px;
}

.l-order-item .l-jiantou1 {
    position: absolute;
    left: -14px;
    bottom: -2px;
    color: #efefef;
    font-size: 32px;
    font-weight: 700;
    width: 44px;
    text-align: center;
}

.l-order-item.last .ticket-arw-box {
    display: none;
}

.l-order-item.last .l-order-info {
    border-bottom: none;
}

.l-order-item.last .l-jiantou1 {
    display: none;
}

.l-order-item > i.icon {
    float: left;
    display: block;
    text-align: center;
    line-height: 1;
    width: 17px;
    height: 36px;
    margin-left: -28px;
    margin-top: 4px;
    color: #3b99fc;
    position: relative;
    z-index: 1;
}

.l-order-item > i.icon.l-icon02 {
    color: #ff8000;
}

.l-order-item > i.icon.l-icon03 {
    color: #4ea373;
}

.l-order-item .l-order-text {
    position: relative;
}

.l-order-item .l-order-text:before {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: 0;
    width: 8px;
    height: 1px;
    background-color: #333;
}

.l-order-item .l-order-info {
    border-bottom: 1px dashed #dedede;
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
}

.l-order-item .ticket-arw-box {
    left: 7px;
    top: 60px;
}

.l-order-item .l-order-txt {
    float: left;
    padding-bottom: 12px;
    margin-right: 20px;
}

.l-order-item .order-card-box {
    width: 355px;
    float: right;
}

.type-txt {
    background: #ff8000;
    line-height: 16px;
    display: inline-block;
    min-width: 60px;
    color: #fff;
    border-radius: 8px;
    font-size: 12px;
    padding: 0 6px;
    text-align: center;
}

.l-panel {
    position: absolute;
    left: 400px;
    top: 646px;
    width: 350px;
    z-index: 9999;
}

.l-panel .l-panel-hd {
    height: 30px;
    line-height: 30px;
    background: #3b99fc;
    color: #fff;
    padding: 0 30px 0 20px;
}

.l-panel .l-panel-hd .l-panel-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}

.l-panel .l-panel-bd {
    width: 100%;
    background: #fff;
    border: 1px solid #dedede;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.lianyun-category-item {
    padding: 8px 0;
    *zoom: 1;
}

.lianyun-category-item:before, .lianyun-category-item:after {
    content: "";
    display: table;
}

.lianyun-category-item:after {
    clear: both;
    overflow: hidden;
}

.lianyun-category-item:last-child .lianyun-category .l-jiantou {
    display: none;
}

.lianyun-category-item:last-child .lianyun-txt {
    border-bottom: none;
}

.lianyun-category-item .lianyun-category {
    float: left;
    max-width: 58px;
    position: relative;
}

.lianyun-category-item .lianyun-category > i.icon {
    margin-left: 5px;
}

.lianyun-category-item .lianyun-category .l-jiantou {
    position: absolute;
    bottom: -22px;
    color: #efefef;
    font-size: 32px;
    width: 28px;
    left: 0;
    text-align: center;
}

.lianyun-category-item .lianyun-category .l-jiantou1 {
    position: absolute;
    left: 31px;
    bottom: 8px;
    color: #efefef;
    font-size: 42px;
    width: 44px;
    text-align: center;
}

.lianyun-category-item .lianyun-category .l-zhuan {
    position: absolute;
    bottom: -12px;
    left: 40px;
    color: #999;
    font-size: 24px;
    width: 28px;
    text-align: center;
}

.lianyun-category-item .lianyun-category .lianyun-category-name {
    font-weight: 700;
    line-height: 24px;
    height: 38px;
    overflow: hidden;
}

.lianyun-category-item .lianyun-txt {
    margin-left: 58px;
    border-bottom: 1px dashed #dedede;
    padding-bottom: 12px;
}

.lianyun-category i.icon {
    display: inline-block;
    text-align: center;
    width: 22px;
    height: 22px;
    line-height: 20px;
    color: #3b99fc;
    border: 1px solid #3b99fc;
    border-radius: 11px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 4px 0 rgba(59, 153, 252, 0.5);
    box-shadow: 0 0 4px 0 rgba(59, 153, 252, 0.5);
}

.lianyun-category i.icon.l-icon02 {
    border-color: #ff8000;
    color: #ff8000;
    -webkit-box-shadow: 0 0 4px 0 rgba(255, 128, 0, 0.5);
    box-shadow: 0 0 4px 0 rgba(255, 128, 0, 0.5);
}

.lianyun-category i.icon.l-icon03 {
    border-color: #4ea373;
    color: #4ea373;
    -webkit-box-shadow: 0 0 4px 0 rgba(78, 163, 115, 0.5);
    box-shadow: 0 0 4px 0 rgba(78, 163, 115, 0.5);
}

.lianyun-category-box {
    padding: 10px 20px;
}

.lianyun-category-box .lianyun-category-item .lianyun-txt {
    margin-left: 70px;
}

.l-floor {
    position: fixed;
    top: 460px;
    z-index: 9999;
    margin-left: -95px;
}

.l-floor-box {
    background: #ffffff;
    border: 1px solid #d3e5f5;
}

.l-floor-box li {
    color: #666;
    *zoom: 1;
    padding-left: 30px;
    line-height: 24px;
    cursor: pointer;
    padding-right: 13px;
    -webkit-transition: 0.3s color;
    transition: 0.3s color;
}

.l-floor-box li:before, .l-floor-box li:after {
    content: "";
    display: table;
}

.l-floor-box li:after {
    clear: both;
    overflow: hidden;
}

.l-floor-box li .icon {
    float: left;
    width: 30px;
    margin-left: -30px;
    text-align: center;
    color: #dfdfdf;
    -webkit-transition: 0.3s color;
    transition: 0.3s color;
}

.l-floor-box li .floor-txt {
    font-size: 12px;
}

.l-floor-box li:hover {
    color: #3b99fc;
}

.l-floor-box li:hover .icon {
    color: #3b99fc;
}

.l-floor-box li.active {
    background: #3b99fc;
    color: #fff;
}

.l-floor-box li.active .icon {
    color: #fff;
}

.ticket-result-name {
    line-height: 28px;
    border: 1px solid #3b99fc;
}

.ticket-result-name .result-name {
    color: #fff;
    background: #3b99fc;
    font-weight: 400;
    float: left;
    padding: 0 5px 0 13px;
    position: relative;
}

.ticket-result-name .result-name:before {
    content: "";
    position: absolute;
    right: -21px;
    width: 22px;
    height: 100%;
    background-image: url(../images/arrowbg.png);
    background-image: -webkit-image-set(url(../images/arrowbg.png) 1x, url(../images/arrowbg@2x.png) 2x);
    background-image: image-set(url(../images/arrowbg.png) 1x, url(../images/arrowbg@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: right center;
}

.ticket-result-name .result-cate {
    padding: 0 12px 0 30px;
}

.l-circle-icon {
    width: 50px;
    height: 50px;
}

.l-jiantouxia {
    text-align: center;
    color: #efefef;
    line-height: 32px;
}

.l-jiantouxia .icon {
    vertical-align: middle;
    font-size: 32px;
}

.l-txt-type {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0px 8px;
    color: #fff;
    background: #ff8000;
    font-size: 12px;
    border-radius: 10px;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -2px;
}

.l-route-list {
    *zoom: 1;
}

.l-route-list:before, .l-route-list:after {
    content: "";
    display: table;
}

.l-route-list:after {
    clear: both;
    overflow: hidden;
}

.l-route-list.l-route-list-sm .l-route-item {
    border-right: none;
    height: 62px;
}

.l-route-list.l-route-list-sm .l-route-item.last .l-route-type {
    display: none;
}

.l-route-list.l-route-list-sm .l-route-item .l-route-type {
    margin-left: 20px;
}

.l-route-list.l-route-list-sm .l-route-item .l-route-txt {
    width: auto;
}

.l-route-item {
    float: left;
    margin: 0px 0 20px;
    position: relative;
    border-right: 1px dashed #dedede;
    *zoom: 1;
}

.l-route-item:before, .l-route-item:after {
    content: "";
    display: table;
}

.l-route-item:after {
    clear: both;
    overflow: hidden;
}

.l-route-item.last {
    border-right: none;
}

.l-route-item .l-route-name {
    font-size: 18px;
    color: #3b99fc;
    font-weight: 700;
    width: 100%;
    height: 54px;
    overflow: hidden;
}

.l-route-item .l-route-txt {
    float: left;
    line-height: 22px;
    width: 144px;
    padding-left: 20px;
}

.l-route-item .l-route-txt .route-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.l-route-item .l-route-txt .route-title, .l-route-item .l-route-txt .route-time {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.l-route-type {
    float: left;
    width: 92px;
    position: relative;
    background-image: url(../images/center/to4.png);
    background-image: -webkit-image-set(url(../images/center/to4.png) 1x, url(../images/center/to4@2x.png) 2x);
    background-image: image-set(url(../images/center/to4.png) 1x, url(../images/center/to4@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: center 17px;
    background-size: 100%;
    text-align: center;
}

.l-route-type.l-route-type-sm {
    width: 62px;
    background-position: center 20px;
}

.l-route-type > .icon {
    color: #3b99fc;
    font-size: 18px;
}

.l-route-type .route-type-txt {
    font-size: 12px;
    margin-bottom: 5px;
    color: #666;
    line-height: 22px;
}

.txt-price-lg {
    line-height: 40px;
}

.txt-price-lg .txt-price-tit {
    display: inline-block;
    min-width: 96px;
    text-align: right;
    vertical-align: middle;
}

.txt-price-lg .txt-price {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 26px;
}

.txt-price-lg .rmb {
    display: inline-block;
    vertical-align: middle;
    color: #ff8000;
    font-style: normal;
    font-size: 20px;
}

.table-new-default td {
    line-height: 20px;
    padding: 5px 10px;
}

.table-new-default .text-right {
    padding: 5px 10px 5px 0;
}

.l-ticket-cards {
    *zoom: 1;
    padding: 10px;
}

.l-ticket-cards:before, .l-ticket-cards:after {
    content: "";
    display: table;
}

.l-ticket-cards:after {
    clear: both;
    overflow: hidden;
}

.l-ticket-cards .l-ticket-card {
    float: left;
}

.l-ticket-card {
    width: 270px;
    height: 125px;
    background-image: url(../images/l-ticket-daba.png);
    background-image: -webkit-image-set(url(../images/l-ticket-daba.png) 1x, url(../images/l-ticket-daba@2x.png) 2x);
    background-image: image-set(url(../images/l-ticket-daba.png) 1x, url(../images/l-ticket-daba@2x.png) 2x);
    padding: 10px 20px 10px;
    margin: 10px;
    position: relative;
}

.l-ticket-card .l-ticket-info {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    position: relative;
    margin-top: 8px;
    font-size: 12px;
    @incldue ellipsis;
}

.l-ticket-card.l-ticket-lundu {
    background-image: url(../images/l-ticket-lundu.png);
    background-image: -webkit-image-set(url(../images/l-ticket-lundu.png) 1x, url(../images/l-ticket-lundu@2x.png) 2x);
    background-image: image-set(url(../images/l-ticket-lundu.png) 1x, url(../images/l-ticket-lundu@2x.png) 2x);
}

.l-ticket-card.l-ticket-train {
    background-image: url(../images/ticket.png);
    background-image: -webkit-image-set(url(../images/ticket.png) 1x, url(../images/ticket@2x.png) 2x);
    background-image: image-set(url(../images/ticket.png) 1x, url(../images/ticket@2x.png) 2x);
}

.l-ticket-card .ticket-success {
    position: absolute;
    top: 10px;
    right: 20px;
    width: 74px;
    height: 18px;
    background-image: url(../images/buySuccess.png);
    background-image: -webkit-image-set(url(../images/buySuccess.png) 1x, url(../images/buySuccess@2x.png) 2x);
    background-image: image-set(url(../images/buySuccess.png) 1x, url(../images/buySuccess@2x.png) 2x);
}

.l-ticket-card.disabled {
    background-image: url(../images/l-ticket-daba0.png);
    background-image: -webkit-image-set(url(../images/l-ticket-daba0.png) 1x, url(../images/l-ticket-daba0@2x.png) 2x);
    background-image: image-set(url(../images/l-ticket-daba0.png) 1x, url(../images/l-ticket-daba0@2x.png) 2x);
    color: #999;
}

.l-ticket-card.disabled .l-txt-type {
    background-color: #999;
}

.l-ticket-card.disabled .txt-price {
    color: #999 !important;
}

.l-ticket-card.disabled .i-dkp {
    background-image: url(../images/center/ykp.png);
    background-image: -webkit-image-set(url(../images/center/ykp.png) 1x, url(../images/center/ykp@2x.png) 2x);
    background-image: image-set(url(../images/center/ykp.png) 1x, url(../images/center/ykp@2x.png) 2x);
}

.l-ticket-card.disabled.l-ticket-lundu {
    background-image: url(../images/l-ticket-lundu0.png);
    background-image: -webkit-image-set(url(../images/l-ticket-lundu0.png) 1x, url(../images/l-ticket-lundu0@2x.png) 2x);
    background-image: image-set(url(../images/l-ticket-lundu0.png) 1x, url(../images/l-ticket-lundu0@2x.png) 2x);
}

.l-ticket-card.disabled.l-ticket-train {
    background-image: url(../images/ticket2.png);
    background-image: -webkit-image-set(url(../images/ticket2.png) 1x, url(../images/ticket2@2x.png) 2x);
    background-image: image-set(url(../images/ticket2.png) 1x, url(../images/ticket2@2x.png) 2x);
}

.l-ticket-card.success {
    background-image: url(../images/ticket3.png);
    background-image: -webkit-image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
    background-image: image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
}

.l-ticket-card.active {
    background-image: url(../images/ticket3.png);
    background-image: -webkit-image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
    background-image: image-set(url(../images/ticket3.png) 1x, url(../images/ticket3@2x.png) 2x);
}

.l-ticket-card.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 5px;
    width: 26px;
    height: 21px;
    background-image: url(../images/current2.png);
    background-image: -webkit-image-set(url(../images/current2.png) 1x, url(../images/current2@2x.png) 2x);
    background-image: image-set(url(../images/current2.png) 1x, url(../images/current2@2x.png) 2x);
}

.box-psw-code .code-tit {
    text-align: center;
    font-size: 30px;
    font-size: 16px;
}

.box-psw-code .code-pic {
    text-align: center;
    margin: 10px 0;
}

.box-psw-code .code-pic img {
    vertical-align: top;
    width: 90px;
    height: 60px;
}

.switch {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    background: #c8c9cc;
    cursor: pointer;
    vertical-align: middle;
    -webkit-transition: background 0.16s cubic-bezier(0.5, 0, 0.5, 0.1);
    transition: background 0.16s cubic-bezier(0.5, 0, 0.5, 0.1);
}

.switch .switch-handle {
    background: #fff;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    -webkit-transition: left 0.16s cubic-bezier(0.5, 0, 0.5, 0.1);
    transition: left 0.16s cubic-bezier(0.5, 0, 0.5, 0.1);
    cursor: pointer;
}

.switch.is-active {
    background: #3b99fc;
}

.switch.is-active .switch-handle {
    left: 22px;
}

.address-box {
    position: absolute;
    background: #fff;
    border: 1px solid #dedede;
    width: 642px;
    display: none;
}

.address-box .address-hd {
    height: 40px;
    border-bottom: 1px solid #dedede;
}

.address-box .address-hd-item {
    float: left;
    width: 160px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    cursor: pointer;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address-box .address-hd-item:hover {
    color: #3b99fc;
}

.address-box .address-hd-item.is-active {
    background: #3b99fc;
    color: #fff;
    border-radius: 4px 4px 0 0;
}

.address-box .address-list {
    padding: 10px 0;
    overflow: hidden;
}

.address-box .address-list li {
    float: left;
    width: 160px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address-box .address-list li.is-active {
    color: #3b99fc;
}

.address-box .address-list li.is-active a {
    color: #3b99fc;
}

.seat-sel {
    background: #F0F8FF;
    padding: 10px 20px 10px 100px;
    position: relative;
}

.seat-sel .seat-sel-hd {
    position: absolute;
    top: 10px;
    left: 20px;
    width: 90px;
    line-height: 24px;
}

.seat-sel .sel-item {
    height: 48px;
    line-height: 28px;
    padding: 10px 0;
}

.seat-sel .sel-item .txt {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 20px;
    border-right: 1px solid #A6BFDE;
}

.seat-sel .sel-item .txt-last {
    border-right: none;
}

.seat-sel .seat-list {
    float: left;
}

.seat-sel .seat-list li {
    float: left;
    height: 28px;
    padding: 0 10px;
    text-align: center;
    border-right: 1px solid #A6BFDE;
}

.seat-sel .seat-list a {
    float: left;
    width: 30px;
    height: 28px;
    line-height: 25px;
    background-image: url(../images/seat.png);
    background-image: -webkit-image-set(url(../images/seat.png) 1x, url(../images/seat@2x.png) 2x);
    background-image: image-set(url(../images/seat.png) 1x, url(../images/seat@2x.png) 2x);
    color: #333;
}
.seat-sel .seat-list a.cur, .seat-sel .seat-list a.is-active {
    background-position: -30px 0;
    color: #fff;
}

.is-caring {
    font-size: 18px;
}

.is-caring .fixed-right-menu .menu-code {
    width: 400px;
}

.is-caring .fixed-right-menu .menu-code-pic .code-tips {
    width: 240px;
    font-size: 18px;
}

.is-caring .breadcrumb {
    font-size: 18px;
}

.is-caring .tips-box .tips-tit {
    font-size: 18px;
}

.is-caring .tips-box h2 {
    font-size: 18px;
}

.is-caring .tips-box p {
    line-height: 30px;
    font-size: 18px;
}

.is-caring .panel-tab .tab-hd-list .txt-num {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
}

.is-caring .txt-lg {
    font-size: 20px !important;
}

.is-caring .txt-mlg {
    font-size: 22px !important;
}

.is-caring .txt-blg {
    font-size: 22px !important;
}

.is-caring .txt-sm {
    font-size: 18px !important;
}

.is-caring .txt-md {
    font-size: 18px !important;
}

.is-caring .label-discount {
    font-size: 18px;
    height: 22px;
    line-height: 20px;
}

.is-caring .label-primary {
    height: 22px;
    line-height: 20px;
    font-size: 18px;
}

.is-caring .pagination .page-num li a {
    font-size: 18px;
}

.is-caring .modal .modal-tit {
    font-size: 20px;
}

.is-caring .modal .modal-close .icon {
    font-size: 20px;
}

.is-caring .icon {
    font-size: 18px;
}

.is-caring .label-txt {
    font-size: 18px;
}

.is-caring .passenger-card .label-txt {
    height: 22px;
    line-height: 20px;
}

.is-caring .ticket-card-queue .ticket-queue {
    font-size: 18px;
}

.is-caring .ticket-card-queue .ticket-station-name {
    font-size: 18px;
}

.is-caring .ticket-card-queue .ticket-date strong {
    font-size: 18px;
}

.is-caring .ticket-card .ticket-date strong {
    font-size: 18px;
}

.is-caring .ticket-card .ticket-station-name {
    font-size: 18px;
}

.is-caring .label-shi, .is-caring .label-guo, .is-caring .label-zhong {
    width: 20px;
    height: 20px;
    font-size: 18px;
}

.is-caring .message .msg-tit {
    font-size: 20px;
}

.is-caring .message .msg-info {
    line-height: 30px;
}

.is-caring .article-box .title {
    line-height: 40px;
    font-size: 24px;
}

.is-caring .article-box .para-sub-title {
    height: 36px;
    line-height: 36px;
    font-size: 20px;
}

.is-caring .article-box .para-box {
    line-height: 26px;
}

.is-caring .search-box .form-label {
    width: 95px;
}

.is-caring .form-list .form-tips {
    font-size: 18px;
}

.is-caring .pwd-rank {
    height: 20px;
    line-height: 20px;
}

.is-caring .pwd-rank span {
    font-size: 18px;
    height: 20px;
}

.is-caring .btn.w120 {
    width: 150px !important;
}

.is-caring .btn.w210 {
    width: 230px !important;
}

.is-caring .message .msg-tit .small {
    font-size: 18px;
}

.is-caring .passenger-card.completed::after {
    font-size: 18px;
}

.is-caring .panel-error .error-tit {
    font-size: 20px;
}

.is-caring .l-ticket-card .l-ticket-info {
    font-size: 18px;
}

.is-caring .l-txt-type {
    font-size: 18px;
}

.is-caring .l-ticket-card {
    height: 166px;
}

@-webkit-keyframes scale-spring {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    80% {
        opacity: 0.8;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-spring {
    0% {
        opacity: 0.5;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    80% {
        opacity: 0.8;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes up-small {
    0% {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes up-small {
    0% {
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes up-lg {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes up-lg {
    0% {
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@-webkit-keyframes width-increase {
    0% {
        width: 0%;
    }
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0%;
    }
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}

@charset "UTF-8";
.header, .header *, .footer, .footer *, .nav-box, .nav-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

.header .wrapper, .footer .wrapper, .nav-box .wrapper {
    width: 1200px;
    padding: 0 5px;
    margin-left: auto;
    margin-right: auto;
}

.header, .footer, .nav-box {
    font-size: 14px;
}

.w300 {
    width: 300px;
}

a {
    color: #333;
}

a:hover {
    color: #3b99fc;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    font-size: 100%;
}

.mr {
    margin-right: 10px;
}

.ml {
    margin-left: 10px;
}

.header {
    background: #fff;
    position: relative;
    z-index: 2000;
}

.header:before {
    content: "";
    position: absolute;
    top: 24px;
    right: 0;
    left: 50%;
    height: 40px;
    background: #f8f8f8;
    z-index: 1;
}

.header .header-con {
    *zoom: 1;
    height: 80px;
}

.header .header-con:before, .header .header-con:after {
    content: "";
    display: table;
}

.header .header-con:after {
    clear: both;
    overflow: hidden;
}

.logo {
    float: left;
    margin: 15px 0 0 0;
    padding: 0;
}

.logo a {
    display: block;
    width: 200px;
    height: 50px;
    text-indent: -9999px;
    background-image: url(../images/logo.png);
    background-image: -webkit-image-set(url(../images/logo.png) 1x, url(../images/logo@2x.png) 2x);
    background-image: image-set(url(../images/logo.png) 1x, url(../images/logo@2x.png) 2x);
}

.header-right {
    float: right;
    margin: 24px 0 0 0;
    width: 940px;
    height: 40px;
    background-image: url(../images/train.png);
    background-image: -webkit-image-set(url(../images/train.png) 1x, url(../images/train@2x.png) 2x);
    background-image: image-set(url(../images/train.png) 1x, url(../images/train@2x.png) 2x);
    background-repeat: no-repeat;
    position: relative;
    z-index: 2000;
}

.header-search {
    float: left;
    width: 390px;
    margin: 5px 0 5px 90px;
}

.header-search .search-bd {
    width: 360px;
    position: relative;
}

.header-search .search-bd .search-input {
    width: 100%;
    float: left;
    border-radius: 0;
    height: 30px;
    line-height: 20px;
    border: 1px solid #dedede;
    padding: 4px 10px;
    background-color: #fff;
    color: #333;
    outline: none;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.header-search .search-bd .search-input.focus {
    border-color: #3b99fc;
}

.header-search .search-btn {
    float: left;
    width: 30px;
    color: #fff;
    height: 30px;
    line-height: 30px;
    padding: 0;
    border-radius: 0;
    background-color: #3b99fc;
    border: none;
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    -webkit-transition: border-color ease-in-out .15s, color ease-in-out .15s, background ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, color ease-in-out .15s, background ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, color ease-in-out .15s, background ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, color ease-in-out .15s, background ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.header-search .search-btn:hover {
    background: #2676e3;
    color: #fff;
}

.header-search .search-down, .header-search .search-history {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #fff;
    border: 1px solid #dedede;
    border-top: none;
    min-height: 30px;
    display: none;
}

.header-search .search-down .close, .header-search .search-history .close {
    position: absolute;
    top: 0;
    right: 16px;
    line-height: 34px;
    height: 34px;
    color: #3b99fc;
    font-size: 12px;
    background: none;
    text-indent: 0;
    width: auto;
}

.header-search .search-down .close:hover, .header-search .search-history .close:hover {
    color: #2676e3;
}

.header-search .search-down-list {
    max-height: 204px;
    overflow-y: auto;
}

.header-search .search-down-list li {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 30px 0 5px;
    cursor: pointer;
    color: #666;
}

.header-search .search-down-list li:hover {
    background: #F8F8F8;
}

.header-search .search-down-list .list-txt {
    color: #333;
}

.header-search .search-down-list .icon {
    float: left;
    width: 24px;
    color: #3b99fc;
}

.header-search .search-down-list .icon-zhanche {
    font-size: 14px;
}

.header-search .search-down-hot {
    border-top: 1px solid #dedede;
    padding: 10px;
}

.header-search .search-hot-tit {
    line-height: 24px;
    font-weight: 700;
}

.header-search .search-hot-key {
    line-height: 24px;
}

.header-search .search-hot-key a {
    display: inline-block;
    margin-right: 10px;
    color: #666;
    white-space: nowrap;
}

.header-search .search-hot-key a:hover {
    color: #3b99fc;
}

.header-search .search-history {
    padding: 10px;
}

.header-search .history-clear {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #3b99fc;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.header-search .history-clear:hover {
    color: #2676e3;
}

.header-search .search-history-tit {
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.header-search .search-history-list {
    line-height: 24px;
    color: #666;
}

.header-search .search-history-list li {
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-search .search-history-list li:hover {
    color: #3b99fc;
}

.header-menu {
    float: right;
    padding-right: 10px;
}

.header-menu .menu-item {
    float: left;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    position: relative;
}

.header-menu .menu-line {
    color: #acd1f9;
}

.header-menu .menu-nav:hover .menu-nav-bd {
    display: block;
}

.header-menu .menu-nav-hd {
    color: #3b99fc;
    display: block;
    height: 40px;
    line-height: 40px;
}

.header-menu .menu-nav-hd .caret {
    margin-left: 5px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #acd1f9 transparent transparent transparent;
    border-bottom: none;
}

.header-menu .menu-nav-bd {
    position: absolute;
    top: 40px;
    left: 0;
    background: #fff;
    border: 1px solid #dedede;
    width: 130px;
    padding: 10px;
    z-index: 2000;
    display: none;
}

.header-menu .menu-nav-bd:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 30px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #dedede transparent;
    border-top: none;
}

.header-menu .menu-nav-bd:after {
    content: "";
    position: absolute;
    top: -4px;
    left: 30px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
    border-top: none;
}

.header-menu .menu-nav-bd li {
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.header-menu .menu-nav-bd .nav-line {
    height: 1px;
    line-height: 1px;
    border-bottom: 1px dashed #dedede;
    margin: 3px 0;
}

.header-menu .menu-nav-bd a {
    display: block;
    white-space: nowrap;
}

.caring-model {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 36px;
    height: 10px;
    background: url(../images/caring.png);
    background-size: 100% 100%;
}

.is-caring {
    font-size: 18px;
}

.is-caring .header, .is-caring .footer, .is-caring .nav-box {
    font-size: 18px;
}

.is-caring .header-right {
    width: 980px;
}

.is-caring .header-search {
    width: 320px !important;
    margin-left: 60px;
}

.is-caring .header-search .search-bd {
    width: 290px !important;
}

.is-caring .header-search .search-bd .search-input {
    font-size: 18px;
}

.is-caring .header-search .search-btn .icon {
    font-size: 20px;
}

.is-caring .header-search .search-history-tit {
    line-height: 30px;
}

.is-caring .header-search .search-history-list li {
    height: 30px;
    line-height: 30px;
}

.is-caring .header-search .history-clear {
    font-size: 18px;
}

.is-caring .header-search .search-down .close, .is-caring .header-search .search-history .close {
    font-size: 18px;
}

.is-caring .header-menu .menu-item {
    font-size: 18px;
    margin-left: 5px;
}

.is-caring .header-search .search-down-list .icon {
    font-size: 22px;
    width: 34px;
}

.is-caring .header-search .search-hot-tit {
    line-height: 30px;
}

.is-caring .header-search .search-hot-key {
    line-height: 30px;
}

.is-caring .header-menu .menu-nav-hd .caret {
    vertical-align: middle;
}

.is-caring .header-menu .menu-nav-bd li {
    height: 30px;
    line-height: 30px;
}

.is-caring .header-menu .menu-nav-bd {
    width: 160px;
}

.is-caring .header-menu .menu-nav-bd .nav-line {
    height: 1px;
    line-height: 1px;
}

.is-caring .caring-model {
    width: 66px;
    height: 20px;
    top: -10px;
}

.is-caring .nav .nav-hd {
    font-size: 18px;
}

.is-caring .nav .nav-bd {
    font-size: 18px;
}

.is-caring .nav .nav-tit {
    font-size: 18px;
}

.is-caring .nav .nav-con li a {
    font-size: 18px;
}

.nav-box {
    height: 40px;
    background: #3b99fc;
}

.nav {
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 40px;
    position: relative;
    z-index: 1900;
}

.nav .nav-item {
    float: left;
    width: 150px;
}

.nav .nav-item.nav-item-w1 {
    width: 145px;
}

.nav .nav-item:hover .nav-hd {
    background: #3685EC;
}

.nav .nav-item:hover .nav-hd .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.nav .nav-item:hover .nav-bd {
    display: block;
}

.nav .nav-item.active .nav-hd {
    background: #2676e3;
    color: #fff;
}

.nav .nav-hd {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.nav .nav-hd .icon {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    margin-left: 4px;
    -webkit-transition: .3s linear transform;
    transition: .3s linear transform;
}

.nav .nav-bd {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    min-height: 40px;
    background: #fff;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #3b99fc;
    padding: 14px 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
    font-size: 14px;
    display: none;
}

.nav .nav-bd-item {
    float: left;
    width: 198px;
}

.nav .nav-col2 {
    width: 396px;
}

.nav .nav-col3 {
    width: 584px;
}

.nav .nav-col4 {
    width: 792px;
}

.nav .nav-col5 {
    width: 990px;
}

.nav .nav-col6 {
    width: 1188px;
}

.nav .nav-tit {
    color: #3b99fc;
    height: 24px;
    line-height: 16px;
    position: relative;
    padding: 0 0 8px 30px;
    font-size: 14px;
    border-right: 1px solid #acd1f9;
}

.nav .border-none {
    border: none !important;
}

.nav .nav-con {
    *zoom: 1;
}

.nav .nav-con:before, .nav .nav-con:after {
    content: "";
    display: table;
}

.nav .nav-con:after {
    clear: both;
    overflow: hidden;
}

.nav .nav-con li {
    float: left;
    width: 198px;
    line-height: 32px;
    height: 32px;
    padding-left: 30px;
    overflow: hidden;
    border-right: 1px solid #acd1f9;
}

.nav .nav-con li a {
    color: #666;
    font-size: 14px;
}

.nav .nav-con li a:hover {
    color: #3b99fc;
}

.nav .nav-con-pt {
    padding-top: 24px;
}

.nav .nav-con-tits li a {
    text-decoration: underline;
    color: #3b99fc;
}

.nav .nav-con-tits li a:hover {
    color: #2676e3;
}

.footer {
    background: #f8f8f8;
    margin-top: 40px;
}

.footer .footer-con {
    *zoom: 1;
    padding: 20px 0;
}

.footer .footer-con:before, .footer .footer-con:after {
    content: "";
    display: table;
}

.footer .footer-con:after {
    clear: both;
    overflow: hidden;
}

.footer .foot-links {
    float: left;
    width: 420px;
    margin-left: 60px;
    margin-right: 195px;
}

.footer .foot-con-tit {
    height: 54px;
    line-height: 54px;
    font-size: 14px;
}

.footer .foot-links-list {
    *zoom: 1;
    height: 100px;
}

.footer .foot-links-list:before, .footer .foot-links-list:after {
    content: "";
    display: table;
}

.footer .foot-links-list:after {
    clear: both;
    overflow: hidden;
}

.footer .foot-links-list li {
    float: left;
    margin: 0 10px 10px 0;
}

.footer .foot-links-list img {
    display: block;
    width: 200px;
    height: 34px;
    border: 1px solid #dedede;
}

.footer .foot-code {
    float: left;
}

.footer .foot-code li {
    float: left;
    width: 140px;
    text-align: center;
}

.footer .foot-code .code-pic {
    width: 80px;
    height: 80px;
    background: #fff;
    margin: 0 auto;
    position: relative;
}

.footer .foot-code .code-pic img {
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #dedede;
}

.footer .foot-code .code-txt {
    line-height: 30px;
    font-size: 12px;
    color: #666;
}

.footer .foot-code .code-tips {
    position: absolute;
    top: 0px;
    left: 96px;
    width: 190px;
    height: 80px;
    border: 1px solid #dedede;
    background-color: #fff;
    background-image: url(../images/bg-train.png);
    background-image: -webkit-image-set(url(../images/bg-train.png) 1x, url(../images/bg-train@2x.png) 2x);
    background-image: image-set(url(../images/bg-train.png) 1x, url(../images/bg-train@2x.png) 2x);
    background-position: right bottom;
    background-repeat: no-repeat;
    line-height: 18px;
    padding: 12px 10px;
    font-size: 12px;
    text-align: left;
}

.footer .foot-code .code-tips:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 34px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #dedede transparent transparent;
    border-left: none;
}

.footer .foot-code .code-tips:after {
    content: "";
    position: absolute;
    left: -5px;
    top: 34px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 6px;
    cursor: pointer;
    border-style: dashed solid dashed dashed;
    border-color: transparent #fff transparent transparent;
    border-left: none;
}

.footer .footer-txt {
    text-align: center;
    padding: 10px 0;
    background: #666;
    color: #c1c1c1;
}

.footer .footer-txt p {
    line-height: 30px;
}

.is-caring .footer .foot-con-tit {
    font-size: 18px;
}

.is-caring .footer .foot-code .code-tips {
    top: -10px;
    font-size: 18px;
    width: 230px;
    height: 98px;
}

.is-caring .footer .foot-links {
    margin-left: auto;
    margin-right: 0 !important;
}

.is-caring .footer .foot-code li:nth-child(1), .is-caring .footer .foot-code li:nth-child(2) {
    width: 160px !important;
}

.is-caring .footer .foot-code .code-txt {
    font-size: 18px;
}

@charset "UTF-8";
.center-box {
    *zoom: 1;
}

.center-box:before, .center-box:after {
    content: "";
    display: table;
}

.center-box:after {
    clear: both;
    overflow: hidden;
}

.center-menu {
    float: left;
    width: 130px;
}

.center-menu .menu-item {
    margin-bottom: 4px;
}

.center-menu .menu-tit {
    font-weight: 700;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

.center-menu .menu-tit .icon-switch {
    position: absolute;
    top: 7px;
    right: 0;
    width: 16px;
    height: 16px;
    line-height: 16px;
    color: #999;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}

.center-menu .menu-tit .icon-switch:hover {
    color: #3b99fc;
}

.center-menu .menu-tit .icon-switch:before {
    content: "\e6fa";
}

.center-menu .menu-less .icon-switch:before {
    content: "\e72a";
}

.center-menu .menu-sub li {
    position: relative;
}

.center-menu .menu-sub a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 20px;
    color: #666;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.center-menu .menu-sub a:hover {
    color: #3b99fc;
}

.center-menu .txt-num {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 0;
    height: 14px;
    line-height: 14px;
    padding: 0 8px;
    color: #fff !important;
    background: #ff8000;
    font-size: 12px;
    border-radius: 10px;
    font-weight: 400;
}

.center-menu .active {
    background: #3b99fc;
    color: #fff;
}

.center-menu .active .txt-num {
    display: none;
}

.center-menu .active > a {
    color: #fff;
}

.center-menu .active > a:hover {
    color: #fff;
}

.center-main {
    width: 1030px;
    float: right;
}

.center-main .panel-border.border-transparent {
    padding-top: 0;
}

/*.center-welcome {
    border: 1px solid #dedede;
    border-top: 2px solid #3b99fc;
    padding: 20px 30px 30px 30px;
    -webkit-box-shadow: 0 0 5px #e5e5e5;
    box-shadow: 0 0 5px #e5e5e5;
    background: #fafdff;
    position: relative;
}*/
.center-welcome {

}
.center-welcome:after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: -7px;
    width: 110px;
    height: 110px;
    background-image: url(../images/center/centerbg.jpg);
    background-image: -webkit-image-set(url(../images/center/centerbg.jpg) 1x, url(../images/center/centerbg@2x.jpg) 2x);
    background-image: image-set(url(../images/center/centerbg.jpg) 1x, url(../images/center/centerbg@2x.jpg) 2x);
    background-repeat: no-repeat;
    background-position: right bottom;
}

.center-welcome .welcome-tit {
    font-size: 18px;
    height: 65px;
    line-height: 65px;
}

.center-welcome .welcome-tit .welcome-notice {
    float: left;
    text-align: right;
    width: 80px;
    height: 65px;
    margin-right: 20px;
}

.center-welcome .welcome-tit .welcome-name {
    font-size: 24px;
    margin-right: 15px;
    font-weight: 400;
}

.center-welcome .welcome-con {
    line-height: 32px;
    padding: 10px 20px;
    border: 1px dashed #9eccfe;
    background: #fafdff;
    -webkit-box-shadow: 0 0 5px 5px #f3faff inset;
    box-shadow: 0 0 5px 5px #f3faff inset;
    position: relative;
    z-index: 2;
    margin-top: 15px;
}

.center-welcome .welcome-con:after {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    width: 100%;
    height: 100%;
    border: 1px dashed #9eccfe;
    background: #f9fdff;
    opacity: 0.2;
    z-index: -1;
}

.center-welcome .welcome-code {
    overflow: hidden;
    margin: 40px 0 30px;
}

.center-welcome .welcome-code li {
    float: left;
    width: 230px;
    text-align: center;
    margin-right: 10px;
}

.center-welcome .welcome-code .code-pic {
    width: 124px;
    height: 124px;
    background: #fff;
    margin: 0 auto;
    border: 2px solid #d7eaff;
    display: block;
}

.center-welcome .welcome-code .code-pic img {
    display: block;
    width: 120px;
    height: 120px;
}

.center-welcome .welcome-code .code-txt {
    margin-top: 12px;
    line-height: 20px;
    font-size: 12px;
}

.order-panel .search-form-mini {
    margin-bottom: 20px;
}

.order-panel .col-train {
    width: 215px;
}

.order-panel .col-passenger {
    width: 150px;
}

.order-panel .col-seat {
    width: 150px;
}

.order-panel .col-price {
    width: 140px;
}

.order-panel .col-state {
    width: 110px;
}

.order-panel .col-form {
    width: 100px;
}

.order-panel .col-user {
    width: 200px;
}

.order-panel .col-ticket {
    width: 260px;
}

.order-panel.order-panel-invoice .order-item-bd {
    overflow: initial;
}

.order-panel.order-panel-invoice .order-item-hd {
    height: auto;
    position: relative;
    overflow: hidden;
}

.order-panel.order-panel-invoice .order-hd-item {
    float: left;
    width: 50%;
    padding: 0px 0 5px;
}

.order-panel.order-panel-invoice .order-hd-item .hd-text-box {
    min-height: 120px;
}

.order-panel.order-panel-invoice .order-hd-item .line-dashed {
    margin: 0;
}

.order-panel.order-panel-invoice .order-hd-item:first-child::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 15px;
    bottom: 20px;
    width: 1px;
    border-left: 1px solid #acd1f9;
}

.order-panel.order-panel-invoice .order-hd-item .station-arw {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
    width: 50px;
    height: 36px;
    background-image: url(../images/to04.png);
    background-image: -webkit-image-set(url(../images/to04.png) 1x, url(../images/to04@2x.png) 2x);
    background-image: image-set(url(../images/to04.png) 1x, url(../images/to04@2x.png) 2x);
    background-position: right 12px;
    background-repeat: no-repeat;
}

.order-panel.order-panel-invoice .order-hd-item:nth-child(2n) {
    padding-left: 20px;
    padding-right: 120px;
}

.order-panel.order-panel-history .col-train {
    width: 220px;
}

.order-panel.order-panel-history .col-passenger {
    width: 170px;
}

.order-panel.order-panel-history .col-seat {
    width: 150px;
}

.order-panel.order-panel-history .col-price {
    width: 160px;
}

.order-panel.order-panel-history .col-state {
    width: 140px;
}

.order-panel.order-panel-unpaid .col-train {
    width: 220px;
}

.order-panel.order-panel-unpaid .col-passenger {
    width: 170px;
}

.order-panel.order-panel-unpaid .col-seat {
    width: 130px;
}

.order-panel.order-panel-unpaid .col-price {
    width: 150px;
}

.order-panel.order-panel-unpaid .col-state {
    width: 120px;
}

.order-panel .order-item {
    border: 1px solid #acd1f9;
    margin-top: 20px;
    -webkit-transition: 0.3s linear border;
    transition: 0.3s linear border;
}

.order-panel .order-item:hover {
    border: 1px solid #3b99fc;
}

.order-panel .order-item:first-child {
    margin-top: 0;
}

.order-panel .order-item-hd {
    height: 40px;
    line-height: 40px;
    background: #f0f8ff;
    padding: 0 20px;
    overflow: hidden;
}

.order-panel .order-item-hd .icon-fold {
    float: left;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #3b99fc;
    font-size: 20px;
    margin: 10px 10px 10px 0;
    cursor: pointer;
}

.order-panel .order-item-hd .order-hd-info {
    float: left;
    margin-right: 20px;
}

.order-panel .show-less .icon-fold:before {
    content: "\e72b";
}

.order-panel .order-item-bd {
    width: 100%;
    text-align: center;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
}

.order-panel .order-item-bd::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f8f8f8;
}

.order-panel .order-item-bd::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    background-color: transparent;
}

.order-panel .order-item-bd::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #d3d3d3;
}

.order-panel .order-item-bd-houbu {
    text-align: left;
    padding: 20px;
}

.order-item-table {
    width: 100%;
    text-align: center;
}

.order-item-table th {
    background: #f0f8ff;
    height: 40px;
    padding: 0 10px;
}

.order-item-table td {
    padding: 15px 10px;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    line-height: 22px;
}

.order-item-table .order-operation {
    padding: 20px 10px;
    border-right: none;
}

.order-item-table .align-top {
    vertical-align: top;
}

.order-item-table .align-center {
    vertical-align: center;
}

.order-item-table .td-left {
    padding-left: 20px;
    text-align: left;
}

.order-item-table .td-bg {
    background: #f9fcff;
}

.order-item-table .br-none {
    border-right: none;
}

.order-item-table .order-info-ticket {
    position: relative;
}

.order-item-table .order-info-ticket .icon-to {
    font-size: 12px;
    margin: 0 -2px;
}

.order-item-table .order-num-one, .order-item-table .order-num-two {
    position: absolute;
    top: -30px;
    left: -24px;
    width: 62px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    padding-right: 14px;
    font-size: 12px;
    background-image: url(../images/center/train.png);
    background-image: -webkit-image-set(url(../images/center/train.png) 1x, url(../images/center/train@2x.png) 2x);
    background-image: image-set(url(../images/center/train.png) 1x, url(../images/center/train@2x.png) 2x);
}

.order-item-table .order-num-two {
    background-position: 0 -25px;
}

.order-item-table .has-order-num td {
    padding-top: 30px;
    padding-bottom: 20px;
}

.order-item-table .serial-number {
    color: #3b99fc;
    text-decoration: underline;
}

.order-item-table .item-disabled {
    color: #999;
}

.order-item-table .item-disabled .txt-primary, .order-item-table .item-disabled .txt-price, .order-item-table .item-disabled .label-discount, .order-item-table .item-disabled .txt-light {
    color: #999 !important;
}

.order-item-table .item-disabled .label-discount {
    border-color: #999;
}

.order-item-table .item-disabled .arw-default {
    border-top-color: #999;
    border-bottom-color: #999;
}

.order-item-table .passenger-operation {
    padding-left: 20px;
    position: relative;
}

.order-item-table .passenger-operation .passenger-check {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    line-height: 16px;
}

.order-panel-head {
    width: 100%;
    height: 40px;
    background: #f8f8f8;
}

.order-panel-head th {
    text-align: center;
    color: #666;
    padding: 0 10px;
}

.label-ticket-form {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    font-size: 12px;
    border: 1px solid #b1d6fe;
    padding: 0 2px;
    color: #3b99fc;
}

.verify-tips {
    *zoom: 1;
    margin-top: 30px;
    position: relative;
}

.verify-tips:before, .verify-tips:after {
    content: "";
    display: table;
}

.verify-tips:after {
    clear: both;
    overflow: hidden;
}

.verify-tips .verify-tips-item {
    float: left;
    width: 50%;
    padding: 0 40px;
    text-align: center;
}

.verify-tips .verify-tips-tit {
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 6px;
}

.verify-tips .verify-tips-tit .tips-tit-num {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: #3b99fc;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    border-radius: 2px;
    position: relative;
    margin-right: 12px;
}

.verify-tips .verify-tips-tit .tips-tit-num:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -2px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 3px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #3b99fc;
    border-right: none;
}

.verify-tips .verify-tips-txt {
    line-height: 20px;
    color: #666;
}

.verify-tips .code-box-show {
    margin: 10px auto;
}

.verify-tips .verify-tips-pic {
    margin: 10px auto;
}

.verify-tips .verify-tips-pic img {
    vertical-align: top;
    width: 244px;
    height: 162px;
}

.verify-tips .verify-tips-or {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    top: 10px;
    bottom: 10px;
    background: #c4e0fe;
}

.verify-tips .verify-tips-or .txt-or {
    position: absolute;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #3b99fc;
    color: #fff;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -16px;
}

.verify-tips-station {
    margin-top: 70px;
}

.verify-tips-station .verify-tips-item {
    width: 100%;
    float: none;
}

.not-opened {
    margin: 140px 0 0 250px;
    height: 70px;
    padding: 10px 0 10px 115px;
    background-image: url(../images/center/not.png);
    background-image: -webkit-image-set(url(../images/center/not.png) 1x, url(../images/center/not@2x.png) 2x);
    background-image: image-set(url(../images/center/not.png) 1x, url(../images/center/not@2x.png) 2x);
    background-repeat: no-repeat;
    margin-left: 250px;
    line-height: 25px;
    color: #999;
}

.not-opened p {
    line-height: 25px;
}

.order-panel-personal {
    position: relative;
}

.order-panel-personal .order-item {
    margin-top: 20px;
}

.order-panel-personal .order-item-hd {
    height: 30px;
    position: relative;
}

.order-panel-personal .order-item-date {
    position: absolute;
    top: 0;
    left: -8px;
    width: 156px;
    height: 38px;
    line-height: 38px;
    background: #52b69c;
    color: #fff;
    padding-left: 20px;
    border-radius: 0 100px 0 0;
}

.order-panel-personal .order-item-date:before {
    content: "";
    position: absolute;
    top: 38px;
    left: 0;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #005f46 transparent transparent transparent;
    border-bottom: none;
    border-style: solid dashed dashed dashed;
    border-color: #005f46 #005f46 transparent transparent;
}

.order-panel-personal .order-item-num {
    float: right;
    line-height: 30px;
    height: 30px;
    color: #666;
}

.order-panel-personal .order-item-bd {
    border: 1px solid #dedede;
    border-top: none;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}

.order-panel-personal .order-item-table td {
    border-right: none;
    padding: 15px 5px;
}

.order-panel-personal .col-station {
    width: 100px;
}

.order-panel-personal .col-info {
    width: 126px;
}

.order-panel-personal .col-time {
    width: 150px;
}

.order-panel-personal .col-seat {
    width: 120px;
}

.order-panel-personal .col-price {
    width: 90px;
}

.order-panel-personal .col-state {
    width: 80px;
}

.order-panel-personal .col-form {
    width: 140px;
}

.order-panel-personal .order-info-ticket {
    width: 116px;
    height: 52px;
    line-height: 26px;
    background-image: url(../images/center/to.png);
    background-image: -webkit-image-set(url(../images/center/to.png) 1x, url(../images/center/to@2x.png) 2x);
    background-image: image-set(url(../images/center/to.png) 1x, url(../images/center/to@2x.png) 2x);
    background-position: center 18px;
    background-repeat: no-repeat;
}

.order-panel-personal .order-info-ticket .ticket-about {
    height: 26px;
    line-height: 26px;
}

.order-panel-personal .order-info-ticket .ticket-all-time {
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #999;
}

.order-panel-personal .order-info-ticket .t-num {
    font-size: 15px;
}

.order-panel-personal .order-info-ticket .t-station {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    padding: 0 4px;
    font-size: 12px;
    background: #e6f2ff;
    border-radius: 2px;
    color: #3b99fc;
    text-decoration: underline;
    vertical-align: middle;
    cursor: pointer;
}

.order-panel-personal .order-item-warning .order-item-date, .order-panel-personal .date-warning {
    background: #ff972e;
}

.order-panel-personal .order-item-warning .order-item-date:before, .order-panel-personal .date-warning:before {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #d86c00 transparent transparent transparent;
    border-bottom: none;
    border-style: solid solid dashed dashed;
    border-color: #d86c00 #d86c00 transparent transparent;
}

.order-panel-personal .order-item-disabled .order-item-date, .order-panel-personal .date-disabled {
    background: #bfdeff;
}

.order-panel-personal .order-item-disabled .order-item-date:before, .order-panel-personal .date-disabled:before {
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 4px;
    cursor: pointer;
    border-style: solid dashed dashed dashed;
    border-color: #5384b8 transparent transparent transparent;
    border-bottom: none;
    border-style: solid solid dashed dashed;
    border-color: #5384b8 #5384b8 transparent transparent;
}

.order-panel-personal .order-item-disabled .label-ticket-form, .order-panel-personal .label-ticket-form.disabled {
    color: #c4c4c4;
    border-color: #c4c4c4;
}

.order-panel-personal .order-item-tit {
    border-top: 1px solid #dedede;
    position: relative;
    margin: 30px 0;
    height: 1px;
}

.order-panel-personal .order-item-tit span {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -50px;
    background: #fff;
    text-align: center;
    color: #999;
    width: 100px;
    height: 20px;
    line-height: 20px;
}

.order-panel-personal .order-item-refund {
    color: #999;
}

.order-panel-personal .order-item-refund .t-station {
    background: #efefef;
    color: #999;
}

.order-panel-personal .order-item-refund .order-info-ticket {
    background-image: url(../images/center/to4.png);
    background-image: -webkit-image-set(url(../images/center/to4.png) 1x, url(../images/center/to4@2x.png) 2x);
    background-image: image-set(url(../images/center/to4.png) 1x, url(../images/center/to4@2x.png) 2x);
    background-position: center 18px;
    background-repeat: no-repeat;
}

.order-empty {
    margin: 140px auto;
    padding-left: 280px;
}

.order-empty .empty-pic {
    float: left;
}

.order-empty .empty-pic img {
    display: block;
    width: 87px;
    height: 70px;
}

.order-empty .empty-txt {
    margin-left: 110px;
    padding: 15px 0;
    color: #999;
}

.order-empty .empty-txt p {
    line-height: 20px;
}

.order-empty .empty-txt .empty-tit {
    line-height: 40px;
}

.order-queue {
    border: 1px solid #dedede;
    height: 66px;
    padding: 10px 20px;
    background: #f0f8ff;
    margin-bottom: 20px;
}

.order-queue.order-queue-border0 {
    margin-bottom: 0;
    border: none;
    background: #f9fcff;
}

.order-queue .queue-state {
    float: left;
    width: 400px;
}

.order-queue .queue-ico {
    float: left;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin-right: 20px;
    font-size: 44px;
}

.order-queue .queue-error {
    color: #ff2600;
}

.order-queue .queue-info {
    overflow: hidden;
}

.order-queue .queue-info h2 {
    height: 26px;
    line-height: 26px;
    font-size: 18px;
}

.order-queue .queue-info p {
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #999;
}

.order-queue .queue-right {
    float: right;
    padding: 7px 0;
    line-height: 30px;
}

.order-queue .queue-right .btn {
    margin-left: 8px;
}

.order-queue .queue-time {
    float: left;
    margin-right: 30px;
}

.order-queue .queue-time .txt-num {
    font-size: 20px;
    margin: 0 3px;
}

.order-cancel-tips {
    font-size: 12px;
}

.order-cancel-tips .order-cancel-count {
    padding: 10px 20px;
    margin: 10px 0;
    line-height: 24px;
    color: #666;
    border-top: 1px dashed #dedede;
    border-bottom: 1px dashed #dedede;
}

.order-cancel-tips .order-cancel-txt {
    padding: 0 20px;
    color: #999;
}

.order-panel-baoxian .col-name {
    width: 280px;
}

.order-panel-baoxian .col-num {
    width: 320px;
}

.order-panel-baoxian .col-info {
    width: 240px;
}

.order-panel-baoxian .col-number {
    width: 50px;
}

.order-panel-baoxian .col-user {
    width: 270px;
}

.order-panel-baoxian .col-train {
    width: 290px;
}

.order-info-baoxian {
    border: 1px dashed #4ea373;
    background: #fdfde7;
    position: relative;
    padding: 15px 20px;
    margin: 10px 10px 10px 0;
}

.order-info-baoxian .icon-baoxian {
    position: absolute;
    top: -13px;
    left: -13px;
    width: 26px;
    height: 28px;
    line-height: 28px;
    font-size: 26px;
    color: #4ea373;
    z-index: 10;
}

.order-info-baoxian .icon-baoxian:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 7px;
    left: 7px;
    background: #fff;
    z-index: -1;
}

.i-ytb, .i-ytp, .i-qxps, .i-qxzf, .i-zfcg {
    position: absolute;
    bottom: 5px;
    right: 0px;
    z-index: 10;
    width: 106px;
    height: 74px;
    display: none;
}

.i-ytb {
    bottom: -6px;
    right: -6px;
    background-image: url(../images/center/ytb.png);
    background-image: -webkit-image-set(url(../images/center/ytb.png) 1x, url(../images/center/ytb@2x.png) 2x);
    background-image: image-set(url(../images/center/ytb.png) 1x, url(../images/center/ytb@2x.png) 2x);
}

.i-ytp {
    background-image: url(../images/center/ytp.png);
    background-image: -webkit-image-set(url(../images/center/ytp.png) 1x, url(../images/center/ytp@2x.png) 2x);
    background-image: image-set(url(../images/center/ytp.png) 1x, url(../images/center/ytp@2x.png) 2x);
}

.i-qxps {
    background-image: url(../images/center/qxps.png);
    background-image: -webkit-image-set(url(../images/center/qxps.png) 1x, url(../images/center/qxps@2x.png) 2x);
    background-image: image-set(url(../images/center/qxps.png) 1x, url(../images/center/qxps@2x.png) 2x);
}

.i-qxzf {
    background-image: url(../images/center/qxzf.png);
    background-image: -webkit-image-set(url(../images/center/qxzf.png) 1x, url(../images/center/qxzf@2x.png) 2x);
    background-image: image-set(url(../images/center/qxzf.png) 1x, url(../images/center/qxzf@2x.png) 2x);
}

.i-zfcg {
    background-image: url(../images/center/zfcg.png);
    background-image: -webkit-image-set(url(../images/center/zfcg.png) 1x, url(../images/center/zfcg@2x.png) 2x);
    background-image: image-set(url(../images/center/zfcg.png) 1x, url(../images/center/zfcg@2x.png) 2x);
}

.i-ykp, .i-dkp {
    position: absolute;
    bottom: 0px;
    right: 5px;
    z-index: 10;
    background-repeat: right bottom;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

.i-ykp {
    background-image: url(../images/center/ykp.png);
    background-image: -webkit-image-set(url(../images/center/ykp.png) 1x, url(../images/center/ykp@2x.png) 2x);
    background-image: image-set(url(../images/center/ykp.png) 1x, url(../images/center/ykp@2x.png) 2x);
}

.i-dkp {
    background-image: url(../images/center/dkp.png);
    background-image: -webkit-image-set(url(../images/center/dkp.png) 1x, url(../images/center/dkp@2x.png) 2x);
    background-image: image-set(url(../images/center/dkp.png) 1x, url(../images/center/dkp@2x.png) 2x);
}

.item-disabled {
    color: #999;
}

.item-disabled .order-info-baoxian {
    border: 1px dashed #b4b4b4;
    background: #f8f8f8;
}

.item-disabled .icon-baoxian {
    color: #b4b4b4;
}

.item-disabled .txt-primary, .item-disabled .txt-price, .item-disabled .label-discount, .item-disabled .txt-light {
    color: #999 !important;
}

.item-disabled .label-discount {
    border-color: #999;
}

.item-disabled .i-ytb {
    display: block;
}

.order-panel-refund .col-info {
    width: 270px;
}

.order-panel-refund .col-result {
    width: 250px;
}

.order-panel-refund .col-num {
    width: 260px;
}

.order-panel-express .col-info {
    width: 360px;
}

.order-panel-express .col-company {
    width: 260px;
}

.order-panel-express .col-state {
    width: 260px;
}

.express-train li {
    float: left;
    width: 230px;
    height: 110px;
    border: 1px solid #dedede;
    border-radius: 6px;
    overflow: hidden;
    margin-right: 10px;
    position: relative;
}

.express-train .express-train-hd {
    height: 42px;
    line-height: 42px;
    background: #3b99fc;
    color: #fff;
}

.express-train .express-train-bd {
    border-top: 1px solid #dedede;
    padding: 10px 20px;
    line-height: 20px;
}

.express-train .express-train-station {
    float: left;
    width: 84px;
    text-align: center;
}

.express-train .express-train-num {
    float: left;
    width: 60px;
    height: 42px;
    line-height: 26px;
    text-align: center;
    background-image: url(../images/center/to2.png);
    background-image: -webkit-image-set(url(../images/center/to2.png) 1x, url(../images/center/to2@2x.png) 2x);
    background-image: image-set(url(../images/center/to2.png) 1x, url(../images/center/to2@2x.png) 2x);
    background-repeat: no-repeat;
    background-position: right 16px;
}

.express-train .item-refunded, .express-train .item-disabled {
    color: #999;
}

.express-train .item-refunded .label-children, .express-train .item-disabled .label-children {
    color: #999;
    border-color: #e9e9e9;
}

.express-train .item-refunded .express-train-hd, .express-train .item-disabled .express-train-hd {
    background: #dedede;
}

.express-train .item-refunded .express-train-num, .express-train .item-disabled .express-train-num {
    background-image: url(../images/center/to3.png);
    background-image: -webkit-image-set(url(../images/center/to3.png) 1x, url(../images/center/to3@2x.png) 2x);
    background-image: image-set(url(../images/center/to3.png) 1x, url(../images/center/to3@2x.png) 2x);
}

.express-train .item-refunded .i-ytp, .express-train .item-refunded .i-qxps, .express-train .item-refunded .i-qxzf, .express-train .item-disabled .i-ytp, .express-train .item-disabled .i-qxps, .express-train .item-disabled .i-qxzf {
    display: block;
}

.express-info {
    width: 330px;
    position: relative;
}

.express-info .express-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #999;
}

.express-info .express-close:hover {
    color: #3b99fc;
}

.express-info .express-hd {
    height: 40px;
    line-height: 40px;
    background: #f0f8ff;
    padding: 0 20px;
}

.express-info .express-bd {
    padding: 15px 20px;
}

.express-info .express-info-list {
    line-height: 20px;
}

.express-info .express-info-list li:not(:last-child) {
    margin-bottom: 10px;
}

.order-tracking {
    border: 1px solid #3b99fc;
    height: 242px;
}

.order-tracking .order-tracking-hd {
    float: left;
    width: 296px;
    height: 240px;
    color: #fff;
    padding: 20px 30px;
    background-image: url(../images/center/bg01.png);
    background-image: -webkit-image-set(url(../images/center/bg01.png) 1x, url(../images/center/bg01@2x.png) 2x);
    background-image: image-set(url(../images/center/bg01.png) 1x, url(../images/center/bg01@2x.png) 2x);
}

.order-tracking .tracking-hd-tit {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #5b9eef;
    font-size: 20px;
}

.order-tracking .tracking-hd-con {
    line-height: 22px;
    padding: 10px 0;
}

.order-tracking .tracking-hd-con .hd-label {
    color: #87b7f2;
}

.order-tracking .order-tracking-bd {
    margin-left: 296px;
    height: 240px;
    overflow: auto;
    padding: 10px 36px;
}

.tracking-status {
    border-left: 1px solid #dbdbdb;
    position: relative;
}

.tracking-status:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 1px;
    height: 9px;
    background: #fff;
    z-index: 2;
}

.tracking-status:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -1px;
    width: 1px;
    height: 9px;
    background: #fff;
    z-index: 2;
}

.tracking-status li {
    line-height: 34px;
    position: relative;
    padding-left: 150px;
}

.tracking-status .s-date {
    position: absolute;
    top: 0;
    left: 20px;
}

.tracking-status .s-dot {
    position: absolute;
    top: 9px;
    left: -9px;
    width: 17px;
    height: 17px;
    border: 6px solid #fff;
    background: #dbdbdb;
    border-radius: 10px;
}

.tracking-status .status-txt {
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tracking-status .status-item-newdate .s-dot {
    border: 5px solid #fff;
}

.tracking-status .status-item-today .s-dot {
    background: #ff8000;
}

#loading {
    width: 120px;
    height: 120px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -60px;
}

#empty-content {
    width: 174px;
    height: 140px;
    position: absolute;
    top: 50%;
    left: 40%;
    margin-left: -87px;
    margin-top: 220px;
}

.middle {
    position: relative;
}

.order-panel-mybaoxian .col-train {
    width: 220px;
}

.order-panel-mybaoxian .col-passenger {
    width: 190px;
}

.order-panel-mybaoxian .col-info {
    width: 400px;
}

.center-tit {
    height: 30px;
    margin-bottom: 10px;
}

.center-tit .tit-name {
    float: left;
    font-weight: 700;
    line-height: 30px;
}

.center-form-item .form-label {
    width: 360px;
}

.center-form-item .form-bd {
    margin-left: 360px;
}

.center-form-item .btn-save {
    display: none;
}

.form-card-type {
    margin-bottom: 10px;
    border: 1px dashed #a6bfde;
    background: #f0f8ff;
    height: 36px;
    line-height: 34px;
    text-align: center;
}

.safe-account {
    border: 1px solid #dedede;
    border-bottom: none;
}

.safe-account .safe-item {
    line-height: 36px;
    padding: 30px 20px;
    border-bottom: 1px solid #dedede;
    height: 97px;
}

.safe-account .item-name {
    float: left;
    width: 280px;
}

.safe-account .item-name .icon {
    float: left;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 24px;
    margin-right: 5px;
    color: #3b99fc;
}

.safe-account .item-tips {
    float: left;
    width: 440px;
    color: #666;
}

.safe-account .item-btn {
    float: right;
}

.safe-account .item-btn .btn {
    width: 100px;
}

.safe-account .item-state {
    float: left;
    width: 120px;
}

.safe-account .item-state .icon {
    margin-right: 5px;
}

.notice-bind {
    *zoom: 1;
}

.notice-bind:before, .notice-bind:after {
    content: "";
    display: table;
}

.notice-bind:after {
    clear: both;
    overflow: hidden;
}

.notice-bind .bind-item {
    float: left;
    width: 310px;
    height: 160px;
    margin: 0 9px;
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 40px 40px 0 90px;
    color: #666;
    line-height: 24px;
    cursor: pointer;
}

.notice-bind .icon {
    float: left;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    margin-left: -60px;
    font-size: 42px;
}

.notice-bind .icon-weixin {
    color: #48bd1c;
}

.notice-bind .icon-zhifubao {
    color: #3b99fc;
}

.notice-bind .icon-mail {
    color: #ff8181;
    font-size: 38px;
}

.notice-bind .active {
    border: 1px solid #3b99fc;
}

.order-panel-contacts .col-num {
    width: 70px;
}

.order-panel-contacts .col-name {
    width: 120px;
}

.order-panel-contacts .col-cardtype {
    width: 140px;
}

.order-panel-contacts .col-cardnum {
    width: 170px;
}

.order-panel-contacts .col-tel {
    width: 120px;
}

.order-panel-contacts .col-usertype {
    width: 160px;
}

.order-panel-contacts .col-state {
    width: 100px;
}

.order-filter {
    height: 32px;
    border-bottom: 2px solid #3b99fc;
    margin: 40px 0 20px 0;
}

.order-filter a {
    float: left;
    min-width: 110px;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.order-filter .active {
    background: #3b99fc;
    color: #fff;
}

.table-service .col-info {
    width: 220px;
}

.table-service .col-passenger {
    width: 200px;
}

.table-service .col-train {
    width: 220px;
}

.order-panel-address .col-num {
    width: 50px;
}

.order-panel-address .col-name {
    width: 100px;
}

.order-panel-address .col-place {
    width: 500px;
}

.order-panel-address .col-default {
    width: 120px;
}

.order-panel-address .col-tel {
    width: 120px;
}

.passport-tips {
    position: absolute;
    z-index: 100;
    width: 710px;
    border: 1px solid #3b99fc;
    background: #fff;
    padding: 0 20px 20px 20px;
    overflow: hidden;
    display: none;
}

.passport-tips .passport-tit {
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #333;
}

.passport-tips .passport-con img {
    display: block;
    width: 325px;
    height: auto;
}

.passport-tips-one {
    width: 367px;
}

.ticket-error-box {
    padding: 20px;
    border: 1px dashed #9eccfe;
    background: #fafdff;
    -webkit-box-shadow: 0 0 5px 5px #f3faff inset;
    box-shadow: 0 0 5px 5px #f3faff inset;
    position: relative;
    z-index: 2;
    margin-top: 15px;
}

.ticket-error-box:after {
    content: "";
    position: absolute;
    top: -8px;
    left: -8px;
    width: 100%;
    height: 100%;
    border: 1px dashed #9eccfe;
    background: #f9fdff;
    opacity: 0.2;
    z-index: -1;
}

.order-item-bd-houbu {
    text-align: left;
}

.tit-houbu {
    height: 20px;
    line-height: 20px;
    font-weight: 400;
}

.ticket-card-list {
    *zoom: 1;
}

.ticket-card-list:before, .ticket-card-list:after {
    content: "";
    display: table;
}

.ticket-card-list:after {
    clear: both;
    overflow: hidden;
}

.ticket-card-list .ticket-card, .ticket-card-list .ticket-card-new, .ticket-card-list .ticket-card-queue {
    float: left;
    margin: 20px 20px 0 0;
}

.passenger-card-list {
    *zoom: 1;
}

.passenger-card-list:before, .passenger-card-list:after {
    content: "";
    display: table;
}

.passenger-card-list:after {
    clear: both;
    overflow: hidden;
}

.passenger-card-list .passenger-card {
    float: left;
    margin: 20px 20px 0 0;
}

.order-item-ft-houbu {
    border-top: 1px solid #dedede;
    padding: 20px;
    line-height: 30px;
    *zoom: 1;
}

.order-item-ft-houbu:before, .order-item-ft-houbu:after {
    content: "";
    display: table;
}

.order-item-ft-houbu:after {
    clear: both;
    overflow: hidden;
}

.time-change-box {
    line-height: 30px;
    margin-top: 10px;
}

.order-toggle-btn {
    height: 20px;
    border-top: 1px dashed #dedede;
    position: relative;
    margin-top: 30px;
}

.order-toggle-btn span {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.order-toggle-btn span:hover {
    color: #3b99fc;
}

.order-toggle-btn .icon {
    color: #666;
}

.success-temporary-train {
    height: 40px;
    line-height: 40px;
    background: #fffbd9;
    text-align: center;
    margin: -20px -20px 20px -20px;
}

.success-temporary-train .icon {
    color: #36a725;
    margin-right: 10px;
}

.form-item .header-search {
    width: 248px;
    margin: 0;
}

.form-item .search-bd {
    width: 218px;
}

.order-tracking-box {
    border: 1px solid #3b99fc;
    padding-bottom: 20px;
    position: relative;
}

.order-tracking-box .order-tracking {
    border: none;
    border-bottom: 1px solid #dedede;
    height: 241px;
}

.order-tracking-box .tracking-hd-tit {
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 10px;
    height: 30px;
    font-weight: 700;
}

.order-tracking-box .tracking-hd-con .hd-label {
    text-align: right;
}

.order-tracking-box .tracking-hd-con td {
    padding: 6px 0;
}

.l-ticket-box {
    position: relative;
    padding-top: 30px;
}

.list-ticket-type {
    text-align: left;
}

.list-ticket-type .l-order-item {
    padding-left: 0;
    padding-top: 0;
}

.list-ticket-type .l-order-item .l-jiantou1 {
    left: -41px;
    bottom: -29px;
}

.list-ticket-type .l-order-item > i.icon {
    margin-top: 15px;
    height: 20px;
}

.list-ticket-type tr.active {
    background-color: #f0f8ff;
}

.list-ticket-type th {
    border-bottom: 1px solid #dedede;
}

.list-ticket-type td {
    border-top: 1px dashed #dedede;
}

.student-qualification {
    border: 2px solid #ffddba;
    background: #fffbf8;
    padding: 10px 20px 10px 20px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
}

.student-qualification .student-pic {
    float: left;
    width: 40px;
    height: 56px;
    line-height: 56px;
}

.student-qualification .student-pic .icon {
    font-size: 30px;
    color: #ff8000;
}

.student-qualification .student-list {
    margin-left: 60px;
    height: 56px;
    overflow: hidden;
}

.student-qualification .student-list li {
    float: left;
    width: 240px;
    margin-right: 40px;
}

.student-qualification .student-list strong {
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.student-qualification .student-list p {
    height: 24px;
    line-height: 24px;
    margin-top: 8px;
    overflow: hidden;
    color: #666;
}

.logout-tips {
    *zoom: 1;
    margin-top: 30px;
    position: relative;
}

.logout-tips:before, .logout-tips:after {
    content: "";
    display: table;
}

.logout-tips:after {
    clear: both;
    overflow: hidden;
}

.logout-tips .logout-tips-item {
    float: left;
    width: 50%;
    padding: 0 40px;
    text-align: center;
}

.logout-tips .logout-tips-tit {
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 6px;
}

.logout-tips .logout-tips-tit .tips-tit-num {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: #ff8000;
    color: #fff;
    font-weight: 400;
    font-style: normal;
    border-radius: 2px;
    position: relative;
    margin-right: 12px;
}

.logout-tips .logout-tips-tit .tips-tit-num:after {
    content: "";
    position: absolute;
    top: 4px;
    right: -2px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 3px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #ff8000;
    border-right: none;
}

.logout-tips .logout-tips-txt {
    line-height: 20px;
    color: #666;
}

.logout-tips .code-box-show {
    margin: 10px auto;
}

.logout-tips .logout-tips-pic {
    margin: 10px auto;
}

.logout-tips .logout-tips-pic img {
    vertical-align: top;
    width: 244px;
    height: 162px;
}

.logout-tips .logout-tips-or {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 100%;
    top: 10px;
    bottom: 10px;
    background: #fff3e7;
}

.logout-tips .logout-tips-or .txt-or {
    position: absolute;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #ff8000;
    color: #fff;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    margin-left: -18px;
    margin-top: -16px;
}

.logout-tips-station {
    margin-top: 70px;
}

.logout-tips-station .verify-tips-item {
    width: 100%;
    float: none;
}

.panel-remind {
    background: #fafdff;
    border: 1px solid #a6bfde;
    padding: 20px 40px 45px 300px;
}

.panel-remind .remind-icon {
    float: left;
    width: 110px;
    height: 80px;
    margin-left: -140px;
}

.panel-remind .remind-icon.user-check {
    background-image: url(../images/center/user-check.png);
    background-image: -webkit-image-set(url(../images/center/user-check.png) 1x, url(../images/center/user-check@2x.png) 2x);
    background-image: image-set(url(../images/center/user-check.png) 1x, url(../images/center/user-check@2x.png) 2x);
}

.panel-remind .remind-icon.user-check-success {
    background-image: url(../images/center/user-check-success.png);
    background-image: -webkit-image-set(url(../images/center/user-check-success.png) 1x, url(../images/center/user-check-success@2x.png) 2x);
    background-image: image-set(url(../images/center/user-check-success.png) 1x, url(../images/center/user-check-success@2x.png) 2x);
}

.panel-remind .remind-icon.user-check-error {
    background-image: url(../images/center/user-check-error.png);
    background-image: -webkit-image-set(url(../images/center/user-check-error.png) 1x, url(../images/center/user-check-error@2x.png) 2x);
    background-image: image-set(url(../images/center/user-check-error.png) 1x, url(../images/center/user-check-error@2x.png) 2x);
}

.panel-remind .remind-icon.user-invoice {
    background-image: url(../images/center/user-invoice.png);
    background-image: -webkit-image-set(url(../images/center/user-invoice.png) 1x, url(../images/center/user-invoice@2x.png) 2x);
    background-image: image-set(url(../images/center/user-invoice.png) 1x, url(../images/center/user-invoice@2x.png) 2x);
}

.panel-remind .remind-icon.user-invoice-fail {
    background-image: url(../images/center/user-invoice-fail.png);
    background-image: -webkit-image-set(url(../images/center/user-invoice-fail.png) 1x, url(../images/center/user-invoice-fail@2x.png) 2x);
    background-image: image-set(url(../images/center/user-invoice-fail.png) 1x, url(../images/center/user-invoice-fail@2x.png) 2x);
}

.panel-remind .remind-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
}

.panel-remind .remind-sub {
    font-weight: 700;
    line-height: 30px;
}

.panel-remind.remind02 {
    padding: 25px 210px 30px 354px;
}

.panel-remind.remind02 .remind-btns {
    margin-top: 10px;
}

.panel-remind.remind02 .remind-text {
    line-height: 20px;
    margin-top: 5px;
}

.panel-remind .remind-text {
    line-height: 30px;
}

.panel-remind .remind-btns {
    margin-top: 50px;
}

.panel-remind .remind-btns .btn {
    margin-right: 10px;
}

.panel-remind.panel-remind-result {
    padding-top: 100px;
    padding-bottom: 80px;
    padding-left: 500px;
}

.panel-remind.panel-remind-result .remind-name {
    line-height: 80px;
}

.panel-remind.panel-remind-result .remind-btns {
    margin-top: 30px;
}

.notice-send {
    border-top: 1px dashed #dedede;
    margin-top: 20px;
    padding-top: 20px;
}

.notice-send .send-name {
    line-height: 14px;
    margin-bottom: 20px;
}

.notice-send .send-list {
    overflow: hidden;
}

.notice-send .send-item {
    float: left;
    width: 320px;
    border: 1px solid #dedede;
    border-radius: 5px;
    margin-right: 30px;
    padding: 30px 30px 30px 95px;
}

.notice-send .send-icon {
    float: left;
    margin-left: -70px;
    width: 44px;
    height: 44px;
}

.notice-send .send-icon .icon {
    font-size: 44px;
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
}

.notice-send .send-icon .icon-weixin {
    color: #09bb07;
}

.notice-send .send-icon .icon-zhifubao {
    color: #1296db;
}

.notice-send .send-text {
    line-height: 20px;
}

.notice-send .send-btn {
    margin-top: 15px;
}

.notice-send .send-result {
    border: 1px solid #dedede;
    border-radius: 5px;
    padding: 10px 15px 10px 68px;
}

.notice-send .send-result .send-icon {
    margin-left: -50px;
    margin-top: 8px;
    width: 32px;
    height: 32px;
}

.notice-send .send-result .send-icon .icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
}

.notice-send .send-result .send-text {
    line-height: 24px;
}

.notice-send .send-result .send-text .margin-right {
    margin-right: 40px !important;
}

.express-box {
    text-align: left;
    padding-left: 20px;
}

.express-box .express-item {
    padding-left: 30px;
    position: relative;
}

.express-box .express-item.item-send:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 9px;
    width: 1px;
    height: 50px;
    border-right: 1px dashed #ddd;
}

.express-box .express-item.item-receive .express-item-tit {
    background: #ff8201;
}

.express-box .express-item-tit {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    line-height: 20px;
    width: 20px;
    background: #3b98fc;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    font-size: 12px;
}

.express-box .express-item-name {
    height: 20px;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
}

.express-box .express-item-address {
    height: 40px;
    line-height: 20px;
}

.lost-items-search {
    border: 1px solid #dedede;
    padding: 20px;
    *zoom: 1;
}

.lost-items-search:before, .lost-items-search:after {
    content: "";
    display: table;
}

.lost-items-search:after {
    clear: both;
    overflow: hidden;
}

.lost-items-search .search-tab {
    float: left;
    width: 370px;
}

.lost-items-search .search-tab-hd {
    padding-left: 110px;
    margin-bottom: 20px;
}

.lost-items-search .search-tab-hd-list {
    height: 30px;
}

.lost-items-search .search-tab-hd-list li {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-right: 30px;
    font-size: 16px;
    position: relative;
}

.lost-items-search .search-tab-hd-list li:after {
    content: "";
    position: absolute;
    top: 9px;
    right: -15px;
    width: 1px;
    height: 12px;
    background: #999;
}

.lost-items-search .search-tab-hd-list li:last-child:after {
    display: none;
}

.lost-items-search .search-tab-hd-list li a {
    color: #666;
}

.lost-items-search .search-tab-hd-list li.active a {
    color: #3b99fc;
}

.lost-items-search .tips-box {
    float: right;
    width: 500px;
    margin-top: 50px;
}

.tongqin-line-list {
    *zoom: 1;
}

.tongqin-line-list:before, .tongqin-line-list:after {
    content: "";
    display: table;
}

.tongqin-line-list:after {
    clear: both;
    overflow: hidden;
}

.tongqin-line-list .line-item {
    float: left;
    margin: 10px 20px 10px 0;
    border: 1px solid #dedede;
    min-width: 106px;
    padding: 15px;
    text-align: center;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}

.tongqin-line-list .line-item:hover {
    border-color: #3b99fc;
}

.tongqin-line-list .line-item.active {
    border-color: #3b99fc;
    background: #f0f8ff;
}

.tongqin-line-list .line-item.active::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    width: 26px;
    height: 21px;
    background-image: url(../images/current3.png);
    background-image: -webkit-image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
    background-image: image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
}

.tongqin-line-list .line-item.completed {
    background: #f8f8f8;
    color: #999;
}

.tongqin-line-list .line-item.completed .icon, .tongqin-line-list .line-item.completed .line-state {
    color: #999;
}

.tongqin-line-list .line-item.completed:hover {
    border-color: #dedede;
}

.tongqin-line-list .line-icon {
    line-height: 24px;
    color: #3b99fc;
    font-size: 24px;
}

.tongqin-line-list .line-name {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    white-space: nowrap;
    margin-top: 4px;
    font-weight: 700;
}

.tongqin-line-list .line-state {
    color: #3b99fc;
    line-height: 20px;
    position: relative;
    height: 20px;
}

.tongqin-station-select {
    *zoom: 1;
    padding-top: 8px;
}

.tongqin-station-select:before, .tongqin-station-select:after {
    content: "";
    display: table;
}

.tongqin-station-select:after {
    clear: both;
    overflow: hidden;
}

.tongqin-station-select .sel {
    float: left;
    margin-right: 10px;
}

.tongqin-station-select .station-arw {
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 36px;
    background-image: url(../images/to04.png);
    background-image: -webkit-image-set(url(../images/to04.png) 1x, url(../images/to04@2x.png) 2x);
    background-image: image-set(url(../images/to04.png) 1x, url(../images/to04@2x.png) 2x);
    background-position: right 12px;
    background-repeat: no-repeat;
}

.tongqin-trip-list .trip-item {
    margin-top: 10px;
    position: relative;
    border: 1px solid #dedede;
    margin-left: 30px;
    padding: 10px;
}

.tongqin-trip-list .trip-item.is-active {
    border: 1px solid #3b99fc;
}

.tongqin-trip-list .trip-check {
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -8px;
}

.tongqin-trip-list .trip-info {
    line-height: 24px;
}

.tongqin-trip-list .trip-item-tips {
    margin-left: 30px;
    margin-top: 10px;
    color: #666;
}

.explain-show {
    padding: 30px 110px;
    font-size: 0;
    border: 1px solid #dedede;
    line-height: 24px;
    position: relative;
}

.explain-show::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 30px;
    bottom: 30px;
    width: 1px;
    border-left: 1px dashed #dedede;
}

.explain-show li {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 30px;
    width: 50%;
    padding: 20px 100px 0 0;
}

.explain-show li:nth-child(2n) {
    padding-left: 100px;
    padding-right: 0px;
}

.explain-show .explain-name {
    font-weight: 700;
    margin-bottom: 10px;
}

.explain-show .explain-text {
    color: #999;
    min-height: 96px;
}

.explain-show .explain-btn {
    margin-top: 20px;
}

.explain-show .explain-btn .txt-primary {
    text-decoration: underline;
}

.search-center {
    text-align: center;
}

.search-center .search-mini {
    display: inline-block;
    vertical-align: middle;
}

.search-center .search-total {
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}

.load-more {
    color: #999;
    line-height: 16px;
    text-align: center;
    margin-top: 20px;
}

.breadcrumb-wrap {
    *zoom: 1;
}

.breadcrumb-wrap:before, .breadcrumb-wrap:after {
    content: "";
    display: table;
}

.breadcrumb-wrap:after {
    clear: both;
    overflow: hidden;
}

.breadcrumb-wrap .breadcrumb {
    float: left;
}

.breadcrumb-wrap .wrap-side {
    line-height: 50px;
    float: right;
    text-align: right;
    color: #666;
}

.breadcrumb-wrap .wrap-side b {
    color: #333;
}

.form-list-box {
    padding: 10px;
}

.form-list-box .form-text {
    padding: 5px 5px 5px 0;
    line-height: 20px;
}

.form-list-box .form-tip {
    float: left;
    margin-left: 5px;
    color: #999;
    font-size: 12px;
    padding: 5px 5px 5px 0;
    line-height: 20px;
}

.cyx-box .cyx-hd {
    position: relative;
    padding-left: 30px;
    line-height: 30px;
}

.cyx-box .cyx-hd .icheckbox {
    position: absolute;
    top: 7px;
    left: 0;
}

.cyx-box .cyx-hd .icon {
    color: #4EA373;
    margin-right: 4px;
    font-size: 18px;
}

.cyx-box .cyx-bd {
    margin-top: 20px;
}

.cyx-box .cyx-ad {
    display: inline-block;
    height: 22px;
    line-height: 20px;
    color: #3b99fc;
    padding: 0 6px;
    border: 1px dashed #3b99fc;
    border-radius: 4px;
    margin: 0 10px;
}

.cyx-box .cyx-more-btn {
    display: inline-block;
    color: #3b99fc;
    cursor: pointer;
    font-weight: 700;
}

.cyx-box .cyx-more-btn .icon {
    font-weight: 400;
    margin-right: 5px;
}

.cyx-children {
    display: inline-block;
    height: 20px;
    line-height: 18px;
    padding: 0 5px;
    border: 1px solid #3b99fc;
    color: #3b99fc;
    margin: 0 10px;
    font-size: 12px;
}

.cyx-children .icon {
    font-size: 14px;
    margin-right: 4px;
}

.cyx-safe {
    border: 1px solid #dedede;
}

.cyx-safe .cyx-safe-hd {
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid #dedede;
    padding: 0 20px;
}

.cyx-safe .cyx-safe-bd {
    overflow: hidden;
    padding: 20px 20px 20px 100px;
}

.cyx-safe .cyx-safe-item-hd {
    float: left;
    height: 260px;
    width: 180px;
    margin-right: 10px;
    position: relative;
}

.cyx-safe .cyx-safe-item-hd-con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.cyx-safe .cyx-safe-item-hd-con .item-text {
    height: 26px;
    line-height: 26px;
    background: #F0F8FF;
    padding: 0 0 0 10px;
    position: relative;
    white-space: nowrap;
    margin-top: 4px;
    font-size: 12px;
}

.cyx-safe .cyx-safe-item-hd-con .item-text:after {
    content: "";
    position: absolute;
    top: 0;
    right: -13px;
    display: inline-block;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 13px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #F0F8FF;
    border-right: none;
}

.cyx-safe .cyx-safe-item {
    cursor: pointer;
    float: left;
    height: 260px;
    width: 220px;
    padding: 10px;
    position: relative;
    border: 1px solid #DEDEDE;
    margin-left: 20px;
    border-radius: 4px;
    text-align: center;
    background-image: url(../images/cyx-train-bg.png);
    background-image: -webkit-image-set(url(../images/cyx-train-bg.png) 1x, url(../images/cyx-train-bg@2x.png) 2x);
    background-image: image-set(url(../images/cyx-train-bg.png) 1x, url(../images/cyx-train-bg@2x.png) 2x);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.cyx-safe .cyx-safe-item.is-active {
    border-color: #3B99FC;
    background-color: #F0F8FF;
    background-image: url(../images/train-bg.png);
    background-image: -webkit-image-set(url(../images/train-bg.png) 1x, url(../images/train-bg@2x.png) 2x);
    background-image: image-set(url(../images/train-bg.png) 1x, url(../images/train-bg@2x.png) 2x);
}

.cyx-safe .cyx-safe-item.is-active:after {
    content: '';
    position: absolute;
    top: -1px;
    right: -1px;
    width: 26px;
    height: 21px;
    background-image: url(../images/current3.png);
    background-image: -webkit-image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
    background-image: image-set(url(../images/current3.png) 1x, url(../images/current3@2x.png) 2x);
}

.cyx-safe .cyx-safe-item .item-name {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    font-weight: 700;
}

.cyx-safe .cyx-safe-item .item-name-sub {
    height: 30px;
    line-height: 30px;
}

.cyx-safe .cyx-safe-item .item-price {
    height: 40px;
    line-height: 40px;
    color: #FF8201;
    font-size: 18px;
    margin: 10px 0;
}

.cyx-safe .cyx-safe-item .item-price strong {
    font-size: 26px;
    font-weight: 400;
    margin-left: 4px;
}

.cyx-safe .cyx-safe-item .item-info {
    height: 120px;
    line-height: 30px;
    overflow: hidden;
}

.cyx-safe.cyx-safe-mini {
    border: none;
    padding: 0;
}

.cyx-safe.cyx-safe-mini .cyx-safe-hd {
    height: 30px;
    line-height: 30px;
    border-bottom: none;
    padding: 0;
}

.cyx-safe.cyx-safe-mini .cyx-safe-bd {
    padding: 0;
}

.tooltip-cyx .tooltip-cyx-hd {
    height: 34px;
    line-height: 34px;
    border-bottom: 1px solid #C0D7E4;
    padding: 0 20px;
}

.tooltip-cyx .tooltip-cyx-bd {
    padding: 10px 20px;
}

.tooltip-cyx .tooltip-cyx-item {
    height: 26px;
    line-height: 26px;
    white-space: nowrap;
}

.tooltip-cyx .iten-name {
    display: inline-block;
    min-width: 180px;
    margin-right: 10px;
}

.is-caring {
    font-size: 18px;
}

.is-caring .center-menu .txt-num {
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    top: 5px;
}

.is-caring .center-menu .menu-tit .icon-switch {
    font-size: 18px;
}

.is-caring .center-menu .menu-tit {
    padding-right: 20px;
    padding-left: 0;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}

.is-caring .center-menu .menu-tit .icon-switch {
    top: 12px;
}

.is-caring .center-menu .menu-sub a {
    padding-left: 0;
}

.is-caring .center-welcome .welcome-tit .welcome-name {
    font-size: 30px;
}

.is-caring .center-welcome .welcome-tit {
    font-size: 22px;
}

.is-caring .center-welcome .welcome-code .code-txt {
    font-size: 18px;
}

.is-caring .center-welcome .welcome-code li {
    width: 300px;
}

.is-caring .order-queue .queue-info h2 {
    font-size: 22px;
}

.is-caring .order-queue .queue-info p {
    height: 24px;
    line-height: 24px;
    font-size: 18px;
}

.is-caring .order-queue {
    height: 72px;
}

.is-caring .order-filter {
    height: 38px;
}

.is-caring .order-filter a {
    height: 36px;
    line-height: 36px;
}

.is-caring .order-item-table .order-num-one, .is-caring .order-item-table .order-num-two {
    font-size: 18px;
    white-space: nowrap;
}

.is-caring .panel-order .panel-order-hd {
    min-height: 40px;
    height: auto;
}

.is-caring .order-empty .empty-txt p {
    line-height: 30px;
}

.is-caring .order-empty .empty-txt {
    padding: 5px 0;
}

.is-caring .order-panel-personal .order-item-date {
    padding-left: 4px;
}

.is-caring .search-form-mini .form-item .w160 {
    width: 180px !important;
}

.is-caring .order-panel-personal .order-info-ticket .t-num {
    font-size: 20px;
}

.is-caring .order-panel-personal .order-info-ticket .t-station {
    height: 20px;
    line-height: 20px;
    font-size: 18px;
}

.is-caring .order-panel-personal .order-info-ticket .ticket-all-time {
    font-size: 18px;
}

.is-caring .label-ticket-form {
    height: 24px;
    line-height: 22px;
    font-size: 18px;
}

.is-caring .notice-bind .bind-item {
    padding: 40px 20px 0 70px;
}

.is-caring .panel-remind {
    padding-left: 200px;
}

.is-caring .lost-items-search .search-tab-hd-list li {
    font-size: 18px;
}

.is-caring .panel-remind .remind-name {
    font-size: 20px;
}

.is-caring .explain-show li {
    font-size: 18px;
}

.is-caring .form-list-box .form-tip {
    font-size: 18px;
}

.is-caring .express-box .express-item-tit {
    font-size: 18px;
    height: 24px;
    line-height: 24px;
    width: 24px;
}

.is-caring .cyx-safe .cyx-safe-bd {
    padding-left: 20px;
}

.is-caring .cyx-safe .cyx-safe-item-hd-con .item-text {
    font-size: 18px;
}

.is-caring .cyx-safe .cyx-safe-item {
    width: 260px;
}

.is-caring .cyx-box .icon.icon-baoxian {
    font-size: 24px;
}

.is-caring .cyx-safe.cyx-safe-mini .cyx-safe-bd {
    padding: 0;
}

.is-caring .cyx-safe.cyx-safe-mini .cyx-safe-item-hd {
    float: none;
    height: auto;
    width: 100%;
    margin-bottom: 20px;
}

.is-caring .cyx-safe.cyx-safe-mini .cyx-safe-item-hd-con {
    position: static;
    overflow: hidden;
}

.is-caring .cyx-safe.cyx-safe-mini .cyx-safe-item-hd-con .item-text {
    float: left;
    margin-right: 20px;
}

.is-caring .order-panel-address .col-num {
    width: 70px;
}

.is-caring .order-panel-address .col-tel {
    width: 140px;
}

.is-caring .order-panel-address .col-place {
    width: 420px;
}

.is-caring .form-list .input-box.w100, .is-caring .form-list .sel.w100 {
    width: 120px !important;
}

.is-caring .form-list .input-box.w120, .is-caring .form-list .sel.w120 {
    width: 140px !important;
}

.is-caring .form-list .input-box.w140, .is-caring .form-list .sel.w140 {
    width: 160px !important;
}

.is-caring .form-list .input-box.w190, .is-caring .form-list .sel.w190 {
    width: 210px !important;
}

.is-caring .tracking-status li {
    padding-left: 170px;
}

.is-caring .order-info-baoxian .icon-baoxian {
    font-size: 26px;
}

.is-caring .order-panel-baoxian .col-number {
    width: 60px;
}

.is-caring .l-route-type .route-type-txt {
    font-size: 18px;
}

.is-caring .l-route-item .l-route-txt .route-title {
    font-size: 20px;
}

.is-caring .ticket-type .ticket-type-txt {
    line-height: 24px;
    font-size: 18px;
}

.is-caring .tit-houbu {
    font-size: 18px;
}

body {
    margin: 0 0 0;
    background-color: #fff;
}

table {
    border: 0
}

.cal-wrap {
    border: #f0f0f2 solid 1px;
    overflow: hidden;
    zoom: 1;
    background: #fff;
    position: absolute;
    z-index: 2000;
    animation: .3s ease-in-out up-small2;
}

.cal-wrap, .cal-wrap * {
    box-sizing: content-box;
}

.cal {
    width: 261px;
    font-size: 12px;
    background: #fff;
    float: left
}

.cal-top {
    height: 20px;
    line-height: 20px;
    background: #fff;
    color: #003784;
    padding: 5px 10px;
    position: relative;
    z-index: 2000;
}

.cal-right .cal-top {
    text-align: right;
}

.cal-top select {
    font-size: 12px;
    vertical-align: middle;
}

.cal-top input {
    padding: 0
}

.cal-top a {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/img_new.png) no-repeat;
    _background: url(../images/img.gif) no-repeat;
    vertical-align: middle;
}

.cal-top .first {
    background-position: 0 0;
    margin-right: 5px;
}

.cal-top .prev {
    background-position: -16px 0;
    margin-right: 5px;
}

.cal-top .next {
    background-position: -32px 0;
    margin-left: 5px;
}

.cal-top .last {
    background-position: -48px 0;
    margin-left: 5px;
}

.cal-top .next, .cal-top .last {
    float: right;
}

.cal-week {
    margin: 0;
    padding: 0;
    height: 25px;
    border-right: 1px solid #f0f0f2;
    margin-right: -1px;
    background: #E8F3FF
}

.cal-right .cal-week {
    border-left: 1px solid #f0f0f2;
}

.cal-week li {
    float: left;
    width: 36px;
    text-align: center;
    line-height: 25px;
    list-style: none
}

.cal-week li b {
    font-weight: normal;
    color: #3B99FC
}

.cal-cm {
    clear: left;
    border-top: 1px solid #f0f0f2;
    border-right: 1px solid #f0f0f2;
    position: relative;
    margin-right: -1px;
    min-height: 100px;
}

.cal-right .cal-cm {
    border-left: 1px solid #f0f0f2;
}

.cal-cm .cell {
    position: absolute;
    width: 36px;
    height: 24px;
    text-align: center;
}

.cal-cm .cell .so {
    font: bold 12px "宋体";
    line-height: 24px;
}

.cal-ft {
    clear: both;
    text-align: right;
    height: 20px;
    padding: 6px 10px;
    background: #fff;
    border-top: 1px solid #f0f0f2;
    width: 500px;
}

.cal-ft .cal-btn {
    display: inline-block;
    height: 20px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    color: #297405;
    background: #fff;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
}

.cal-top a {
    float: left;
    margin: 2px 0 0 0;
}

.cal-top .year {
    float: left;
    position: relative;
    margin-right: 10px;
}

.cal-top .year input {
    width: 50px;
    height: 18px;
    line-height: 18px;
    border: 0 none;
    background: #fff;
    text-align: center;
}

.cal-top .month {
    float: left;
    position: relative;
}

.cal-top .month input {
    width: 50px;
    height: 18px;
    line-height: 18px;
    border: 0 none;
    background: #fff;
    text-align: center;
}

.cal-top .time-list {
    position: absolute;
    top: 20px;
    left: 0;
    border: 1px solid #f0f0f2;
    width: 90px;
    background: #fff;
    padding: 0;
    margin: 0;
    list-style: none;
    overflow: hidden;
    zoom: 1;
    z-index: 1000;
    display: none;
}

.cal-top .time-list ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
}

.cal-top .time-list li {
    float: left;
    width: 40px;
    list-style: none;
    height: 20px;
    line-height: 20px;
    padding-left: 5px;
    cursor: pointer;
}

.cal-top .time-list .dis {
    color: #999
}

.cal-right .month, .cal-right .year {
    float: right;
    text-align: left
}

.cal-top .time-list-ft {
    text-align: center;
    padding: 0 10px;
}

.cal-top .time-list-ft a {
    margin: 0;
    background: none;
    height: 20px;
    line-height: 20px;
    text-decoration: none;
    font-size: 12px;
    float: none;
}

.cal-top .time-list-ft .close {
    font-size: 16px;
    display: inline-block;
    width: 20px;
    text-align: center;
}

.cal-top .time-list-ft .close:hover {
    background: #f9f5ef;
    color: #666;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.cal-one {
    width: 261px;
}

.cal-one .cal-right {
    display: none;
}

.cal-one .cal-top .prev {
    margin-right: 34px;
}

.cal-one .cal-ft {
    width: 241px;
}

.cal-cm .cell .so {
    position: relative;
    margin-left: 2px;
    margin-right: 2px;
}

.cal-cm .holiday {
    position: absolute;
    right: -2px;
    top: 0;
    display: block;
    width: 14px;
    height: 14px;
    color: #fff;
    background: #E13A29;
    text-align: center;
    line-height: 14px;
    overflow: hidden;
    font-size: 12px;
    transform: scale(.8);
}

.is-caring .cal {
    font-size: 18px;
}

.is-caring .cal-cm .cell .so {
    font: bold 18px "宋体";
    white-space: nowrap;
}

.is-caring .cal-cm .holiday {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    display: none;
}

.is-caring .cal-ft .cal-btn {
    height: 20px;
    line-height: 20px;
    font-size: 18px;
    vertical-align: top;
}